您的位置:首页 > Web前端 > JavaScript

js获取url参数信息

2017-03-28 22:59 375 查看

用JS获取地址栏参数的方法

方法一:采用正则表达式获取地址栏参数:

function GetString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null){
return  unescape(r[2]); //得到参数的value
}
else{
return null;
}
}


调用方法

alert(GetString(“参数名1”));

当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:

所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:

var myurl=GetString("url");
if(myurl !=null && myurl.toString().length>1)
{
alert(GetQueryString("url"));
}


方法二:

<script type="text/javascript">
function UrlSearch()
{
var str=location.href; //取得整个地址栏
var num=str.indexOf("?") //找到"?"所在字符串的位置
str=str.substr(num+1); //取得所有参数

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 Request=new UrlSearch(); //实例化
alert(Request.id);
</script>


方法三

<script type="text/javascript">
function UrlSearch()
{
var str=location.search; //取得"?"之后所有的字符串集合(含有"?")
var qc=new Object();申请一个对像
if(str.indexOf("?")!=-1){
str=str.substr(1); //取得所有参数
var arr=str.split("&"); //各个参数放到数组里
}
for(var i=0;i < arr.length;i++){
qc[arr[i].split("=")[0]]=unescape(arr[i].split("=")[1]);
}
return qc;
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: