使用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()