调用: QueryString('name')
返回: null
网址: http://1.com/?name=cwj&age=21
调用: QueryString('name')
返回: cwj
现在随便拿一个网址: https://m.weibo.cn/u/5902368392?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ,这个网址的 location 是:
所以这个地址的 location.search 是 ?topnav=1&wvr=6&is_all=1&jumpfrom=weibocom ,这就是需要执行匹配的字符串
match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
存放匹配结果的数组。在这个方法中将匹配结果放在了数组 sValue 中。
RegExp 对象表示正则表达式
该对象接受两个参数,第一个参数是一个字符串,指定了正则表达式的模式或其他正则表达式。第二个参数 i 代表着区分大小写的匹配。
调用该方法: QueryString('wvr') ,根据以上正则表达式匹配出来的结果是:
要注意的是 match 方法返回的数组 0 位置是匹配的字符串,所以相应参数在 sValue[1] 中
示例:*URL: https://www.baidu.com/?name=21002492_21_hao_pg
window.location和document.location互相等价的,可以交换使用
location的8个属性都是可读写的,但是只有href与hash的写才有意义。例如改变location.href会重新定位到一个URL,而修改location.hash会跳到当前页面中的anchor(<a id="name">或者<div id="id">等)名字的标记(如果有),而且页面不会被重新加载
注意
URL: https://www.baidu.com/?name=21002492_21_hao_pg#test?test1=1
search:"?name=21002492_21_hao_pg" 第一个"?"之后
hash:"#test?test1=1"第一个"#"之后的内容
注意上面的search和hash的区别,如果URL中“?”之前有一个“#”比如:“ https://www.baidu.com/#/test?name=21002492_21_hao_pg ”那么使用window.location.search得到的就是空(“”)。因为“?name=21002492_21_hao_pg”串字符是属于“#/test?name=21002492_21_hao_pg”这个串字符的,也就是说查询字符串search只能在取到“?”后面和“#”之前的内容,如果“#”之前没有“?”search取值为空。
现在前端会使用大量的框架来搭建前端页面应用,比如vue,当开启hash模式的时候,在实例外部方法无法使用this.$route时,老方法window.location.search也获取不到,这时需要使用window.location.hash来获取参数
兼容hash模式与非hash模式的方法:
两种方法:方法一:正则分析法参考代码:functiongetQueryString(name){varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)","i")varr=window.location.search.substr(1).match(reg)if(r!=null)returnunescape(r[2])returnnull}调用方法:alert(GetQueryString("参数名1"))alert(GetQueryString("参数名2"))方法二:字符串截取法调用:调用方法: