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

时间 2019-11-11

原文原文链接

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

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

下面举一个例子:html

若地址栏URL为：abc.html?id=123&url=http://www.maidq.comjava

那么，但你用上面的方法去调用：alert(GetQueryString("url"));正则表达式

则会弹出一个对话框：内容就是 http://www.maidq.comurl

若是用：alert(GetQueryString("id"));那么弹出的内容就是 123 啦；spa

固然若是你没有传参数的话，好比你的地址是 abc.html 后面没有参数，那强行输出调用结果有的时候会报错：code

因此咱们要加一个判断，判断咱们请求的参数是否为空，首先把值赋给一个变量：htm

 
        var  
        myurl=GetQueryString( 
        "url" 
        ); 
       
        if 
        (myurl != 
        null  
        && myurl.toString().length>1) 
       
        { 
       
        alert(GetQueryString( 
        "url" 
        )); 
       
        }

这样就不会报错了！blog

引用地址：http://www.cnblogs.com/fishtreeyu/archive/2011/02/27/1966178.htmlip