js:通过正则匹配获取页面的url中的参数

时间:2022-06-17 16:19:49

简介:获取页面参数

原生js获取url参数

//通过正则匹配获取当前页面的url中的参数
function getUrlParam(name){
var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)"); 
var r =  window.location.search.substr(1).match(reg);
var strValue = "";
if (r!=null){
 strValue= unescape(r[2]);
}
return strValue;
}

Jquery方式获取url参数

方式1

$.request = function (name) {
var search = location.search.slice(1);
var arr = search.split("&");
for (var i = 0; i < arr.length; i++) {
var ar = arr[i].split("=");
if (ar[0] == name) {
if (unescape(ar[1]) == 'undefined') {
return "";
} else {
return unescape(ar[1]);
}
}
}
return "";
}

方式2

通过正则匹配

    //扩展Jquery获取url参数的方法
    (function ($) {
        $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURIComponent(r[2]); return null;
        }
    })(jQuery);