JavaScript 获取地址栏指定参数(整理)
JavaScript 获取 参数 整理 指定 地址栏
2023-09-14 09:13:43 时间
假如当前地址栏链接为:https://test.com/?type=students&page=3
//获取参数方法1
function UrlSearch()
{
var name,value;
var str=location.href; //取得整个地址栏
var num=str.indexOf("?");
str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ]
var arr=str.split("&"); //各个参数放到数组里
for(var i=0;i < arr.length;i++){
num=arr[i].indexOf("=");
if(num>0){
name=arr[i].substring(0,num);
value=arr[i].substr(num+1);
this[name]=value;
}
}
}
var UrlSearch=new UrlSearch(); //实例化
alert(UrlSearch.type); //students
alert(UrlSearch.page); //3
alert(UrlSearch.studentid); //undefined
//获取参数方法2---一般用这个
function getParameter(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURI(r[2])
}
return null
}
alert(getParameter('type')); //students
alert(getParameter('page')); //3
alert(getParameter('studentid')); //null
二、获取url链接对象取值
//转译
encodeURIComponent("https://zhidao.baidu.com");
//https%3A%2F%2Fzhidao.baidu.com
//逆转译
decodeURIComponent("https%3A%2F%2Fzhidao.baidu.com");
//https://zhidao.baidu.com
var url = decodeURIComponent(location.search); //包括问号;
// var url = 'https://api.zhongshi.cn/h5/login.html?{"type":"question","id":"67359","vip":true,"appid":"wx43992d7d489d8e53"}';
var indexOf = url.indexOf("?");
if (indexOf !=-1) {
var a = url.substr(indexOf + 1);
var obj = JSON.parse(a); //这个是正确的转换
console.log(obj,'34');
appid = obj.appid; //获取对象中某个参数值
}
相关文章
- JavaScript笔记(11)之Web APIs阶段 获取元素
- javascript获取当前时间,按指定格式输出_js获取现在本地时间的代码
- 解决Eclipse报errors running builder ‘javascript validator’ on project详解编程语言
- javascript获取曲线路径每个像素的坐标详解编程语言
- 用JavaScript获取网页中的js、css、Flash等文件
- 用javascript获取地址栏参数
- 用javascript编写的第一人称射击游戏
- javascript中获取选中对象的类型
- 用javascript控制iframe滚动的代码
- JavaScript中Math对象使用说明
- 用javascript和css模拟select的脚本
- Javascript阻止javascript事件冒泡,获取控件ID值
- 用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
- javascript精确获取页面元素的位置
- 在JavaScript中获取请求的URL参数
- JavaScript选中文字并响应获取的实现代码
- JavaScript实现QueryString获取GET参数的方法
- javascript获取URL参数与参数值的示例代码
- javascript使用正则获取url上的某个参数