JS 获取html地址栏后参数的问题

用JS获取地址栏参数的方法（超级简单）

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

function GetQueryString(name)

{

var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

var r = windowlocationsearchsubstr(1)match(reg);

if(r!=null)return unescape(r[2]); return null;

}

// 调用方法

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

下面举一个例子:

若地址栏URL为：abchtmlid=123&url=>

1、首先，打开html编辑器，新建html文件，例如：indexhtml，引入jquery使用。

2、在indexhtml的<script>标签中，输入js代码：

$get('请求地址', function(b) {

documentbodyinnerText = b;

});

3、浏览器运行indexhtml页面，此时通过F12的开发者工具可知API接口被调用了。

方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）加密参数在获取到值后解密就可以了

function GetQueryString(name)

{

    var reg = new RegExp("(^|&)"+ name +"=([^&])(&|$)");

    var r = windowlocationsearchsubstr(1)match(reg);

    if(r!=null)

        return unescape(r[2]); //解密

  else

    return null;

}

 

// 调用方法

alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

方法二：传统方法

function UrlSearch() {   

    var name,value;

    var str=locationhref; //取得整个地址栏   

    var num=strindexOf("");    

    str=strsubstr(num+1); //取得所有参数stringvarsubstr(start [, length ]

   var arr=strsplit("&"); //各个参数放到数组里   

   for(var i=0;i < arrlength;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(Requestid);

以上就是关于JS 获取html地址栏后参数的问题全部的内容，包括:JS 获取html地址栏后参数的问题、JS怎么调用API接口、js如何获取地址栏加密参数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！