JavaScript获取url参数

Location 对象包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
用JS获取地址栏参数的方法
function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);//search,查询?后面的参数,并匹配正则
     if(r!=null)return  unescape(r[2]); return null;
}
 
// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
下面举一个例子:
 
若地址栏URL为:abc.html?id=123&url=http://www.maidq.com
 
那么,但你用上面的方法去调用:alert(GetQueryString("url"));
 
则会弹出一个对话框:内容就是 http://www.maidq.com
 
如果用:alert(GetQueryString("id"));那么弹出的内容就是 123 啦;
 
当然如果你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错:
 
所以我们要加一个判断 ,判断我们请求的参数是否为空,首先把值赋给一个变量:
 
var myurl=GetQueryString("url");
if(myurl !=null && myurl.toString().length>1)
{
   alert(GetQueryString("url"));
}
这样就不会报错了!

未经允许不得转载:王超博客 » JavaScript获取url参数

赞 (1)
分享到:更多 ()