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

使用JS获取地址栏参数值

方法一:

1
2
3
4
5
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;
}

调用方法GetQueryString(“参数名”);
方法二:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/** 
* 获取指定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;
}

调用方法getUrlParam(document.href,”参数名”);

使用jQuery获取地址栏参数

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

1
2
3
4
5
6
7
(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);

调用方法$.getUrlParam(“参数名”);

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

欢迎关注我的其它发布渠道