JS获取地址栏参数的两种方法(简单实用)

2024-05-06 14:56:07

字体：大中小

来源：转载

供稿：网友

js获取地址栏参数的方法有两种：第一种，采用正则表达式获取地址栏参数，第二种，是比较传统的方法，在这小编给大家强烈推荐使用第一种方法，既方便有实用，具体实现过程请看下文详述。

方法一：采用正则表达式获取地址栏参数：（强烈推荐，既实用又方便！）

function GetQueryString(name){var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);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"));}

这样就不会报错了！

方法二：传统方法

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

比如说把这个代码存为1.html

那么我要访问1.html?id=test

这个时候就取到test的值了

在html里调用

<script type="text/javascript">var a="http://baidu.com";</script></head><body><a id="a1" href="">sadfsdfas</a><script>var a1=document.getElementById("a1");a1.href=a;</script><script type="text/javascript"> var a="http://xxx.com/gg.htm?cctv"; var s=a.indexOf("?"); var t=a.substring(s+1);// t就是?后面的东西了 </script>

stringvar.substr(start [, length ]

返回一个从指定位置开始的指定长度的子字符串。

stringvar

必选项。要提取子字符串的字符串文字或 String 对象。

start

上一篇：全面解析JavaScript中的valueOf与toString方法(推荐)

下一篇：JavaScript接口的实现三种方式(推荐)