通用代码js获取URL参数

URL参数格式

http://localhos:8080/demo?a&＃61;b&c&＃61;d&e&＃61;f
匹配参数a对应的表达式为 ^a&＃61;([^&]*)&
匹配参数b对应的表达式为&b&＃61;([^&]*)&
匹配参数c对应的表达式为&c&＃61;([^&]*)$
http://localhos:8080/demo?h&＃61;i
匹配参数h对应的表达式为^h&＃61;([^&]*)$

请思考: 为什么[^&]*要使用()包裹&＃xff1f;

代码

function getQueryString(name) {var reg &＃61; new RegExp("(^|&)" &＃43; name &＃43; "&＃61;([^&]*)(&|$)", "i");var r &＃61; window.location.search.substr(1).match(reg); // 获取url中"?"符后的字符串并正则匹配var context &＃61; "";if(r !&＃61; null)context &＃61; r[2];reg &＃61; null;r &＃61; null;return context &＃61;&＃61; null || context &＃61;&＃61; "" || context &＃61;&＃61; "undefined" ? "" :context;
}

说明

window.location中的属性如下图(1)所示

getQueryString(name)中形参name的值
是我们要从URL中获取的参数名

window.location.search.substr(1)是截取?后面的内容进行匹配

"(^|&)" &＃43; name &＃43; "&＃61;([^&]*)(&|$)"

(^|&)表示 匹配字符串的起始位置或&字符

name表示匹配name的值

&＃61;([^&]*)(&|$)表示匹配 等号&＃43;零到多个非&的字符&＃43;&字符或字符串结束位置

参考资料

js中window.location.search的用法和作用
正则表达式语法
Javascript match()函数匹配正则表达式时的返回值问题
读懂正则表达式就这么简单

看完了内容&＃xff0c;前面提到的思考问题现在明白了吗&＃xff1f;