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

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

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

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 后面没有参数，那强行输出调用结果有的时候会报错：

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

1)

{

alert(GetQueryString("url"));

}

这样就不会报错了！

方法二：传统方法

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);

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

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

这个时候就取到test的值了

在html里调用