Jqurey 得到url指定的参数 getUrlParam
周奇文
一、 Jqurey 得到url参数 getUrlParam 这里有详细讲解
<script type="text/javascript">
(function ($) {
//扩展方法获取url参数
$.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;
}
//得到url参数
var urltype = $.getUrlParam('p');
})(jQuery);
</script> 二、 附有：原生js获取URL 参数 这里 有详细讲解
<body onload="onLoad()">
<p name="message">p=</p>
</body>
<script type="text/javascript">
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) {
return unescape(r[2]); //返回参数值
} else {
return null;
}
}
function onLoad() {
var p = getUrlParam("p");
console.info("p=" + p);
var t = document.getElementsByName("message")[0];
t.innerHTML += p;
}
</script>以上两中方法都访问链接：a.html?p=23
然后就会在进入这个页面的时候执行onLoad方法，然后获取到参数p的值。
并且显示在页面上。
因为没有用jQuery，所有这里使用了innerHTML来往页面上写 内容。
注意HTML是大写。
三、 jquery 取url参数和在url加参数 这里有详细讲解
(function ($) {
$.extend({
// URL取值
Request: function (m) {
var sValue = location.search.match(new RegExp("[\?\&]" + m + "=([^\&]*)(\&?)", "i"));
return sValue ? sValue[1] : sValue;
},
URL加参数
UrlUpdateParams: function (url, name, value) {
var r = url;
if (r != null && r != 'undefined' && r != "") {
value = encodeURIComponent(value);
var reg = new RegExp("(^|)" + name + "=([^&]*)(|$)");
var tmp = name + "=" + value;
if (url.match(reg) != null) {
r = url.replace(eval(reg), tmp);
}
else {
if (url.match("[\?]")) {
r = url + "&" + tmp;
} else {
r = url + "?" + tmp;
}
}
}
return r;
}
});
})(jQuery);使用方法
访问： dev.zhang.com/IOF.Signup/index_uscn_chs.html?act=1
1、取值使用
$.Request(“act”) = 1
2、url加参数
$.UrlUpdateParams(window.location.href, “mid”, 11111),
结果window.location.href?mid=11111
类似资料：