通过正则来获取URL的参数值
获取url中的参数值
//获取url中的参数值 function getParameter(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构建一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg);//匹配目标参数 if(r!=null) { return unescape(r[2]); //返回参数值 } return null; } comsole.log(getParameter(name));
正则解析:
(^|&) :表示匹配以参数名字符串开头或者&字符
([ ^&]*):表示匹配除了&之外的字符0次或多次 相当于 {0,}
(&|$) :表示匹配以字符串结尾或者&字符
name表示参数名,是一个变量
所以这个正则就是想要匹配能够满足:&参数名name=参数值&(其中前后的$符号可以有可以没有) 这种形式的内容。
window.location.search
window.location.search代表的是:从问号 (?) 开始的 URL(查询部分)
下面是window.location 对象所包含的属性
substr(1)
这个是字符串截取的意思。window.location.search.substr(1)表示的是截取?后面的字符串。(不包括问号,因为问号的下标是0)
window.location.search.substr(1).match(reg)
match() 方法
语法格式:stringObject.match(regexp)
regexp在没有g标志:
如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。该数组的第 0 个元素存放的是匹配文本,而其余的元素存放的是与正则表达式的子表达式匹配的文本。
以这个url为例:http://localhost/test/Untitle...
在控制台打印出结果如下:
从验证结果来看函数的返回值r[2],就是正则表达式中的第二个匹配 (1*),也就是等号后面的参数值。
- & ↩