使用js jquery分别获取地址栏参数值

使用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;
}

调用方法console.log(GetQueryString("参数名"));

方法二:

    /** 
  * 获取指定URL的参数值 
  * @param url  指定的URL地址 
  * @param name 参数名称 
  * @return 参数值 
  */  
 function getUrlParam(url,name) {  
     var pattern = new RegExp("[?&]"+name+"\=([^&]+)", "g");  
     var matcher = pattern.exec(url);  
     var items = null;  
     if(null != matcher){  
             try{  
                    items = decodeURIComponent(decodeURIComponent(matcher[1]));  
             }catch(e){  
                     try{  
                             items = decodeURIComponent(matcher[1]);  
                     }catch(e){  
                             items = matcher[1];  
                     }  
             }  
     }  
     return items;  
}  

调用方法console.log(getUrlParam(document.href,"参数名"));

使用jQuery获取地址栏参数

使用下面的方式为jquery扩展一个方法来获取url参数

(function ($) {
    $.getUrlParam = function (name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
})(jQuery);

调用方法console.log($.getUrlParam(参数名));

注意:javascript对参数编码解码方法要一致

escape()   unescape()

encodeURI()   decodeURI() 

encodeURIComponent()    decodeURIComponent()

转载于:https://www.cnblogs.com/chentging/p/7266369.html