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

最新推荐文章于 2023-03-02 09:41:37 发布

DenggLin

最新推荐文章于 2023-03-02 09:41:37 发布

阅读量475

点赞数

分类专栏： js 文章标签：获取地址栏参数 js

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

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


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>

方法三（自己加的，我添加了注释方便大家理解）

假设地址栏为location.href=’./onclicktest.html?id=1&name=wdl’


            function GetLocationUrl(params){
                var obj={};
                    var url=location.search;//获取地址栏？后的所有字符串
                    var num=url.indexOf("?");
                    if(num!= -1){ //判断是否有参数，有继续执行，无返回地址栏无参数
                        url=url.substr(num+1);
                        var arr=url.split("&");//把参数分割存进数组
                        for(var i=0; i<arr.length;i++){
                                arr[i].split("=");
                                var name=arr[i].split("=")[0];
                                var value=arr[i].split("=")[1];
                                if(name==params){//如果需要请求的参数等于name,则存进对象里
                                    obj={name:value}
                                        return obj.name
                                }
                        }
                    }
                    else{
                        return '地址栏无参数'
                    }


            }
            alert(GetLocationUrl('id'));