为什么window.location.search为空?1,什么是window.location?⽰例
URL:
属性含义值
protocol:协议"http:"
hostname:服务器的名字"b.a"
port:端⼝"88"
pathname:URL中主机名后的部分"/index.php"
search:"?"后的部分,⼜称为查询字
符串
"?name=kang&when=2016"
hash:返回"#"之后的内容"#first" host:等于hostname + port"b.a:88"
href:当前页⾯的完整URL "www.a:88/index.php? name=kang&when=2016#first"
window.location和document.location互相等价的,可以交换使⽤
location的8个属性都是可读写的,但是只有href与hash的写才有意义。例如改变location.href会重新定位到⼀个URL,⽽修改location.hash 会跳到当前页⾯中的anchor(<a id="name">或者<div id="id">等)名字的标记(如果有),⽽且页⾯不会被重新加载
注意
URL:
search:"?name=kang&how="    第⼀个"?"之后
hash:"#when=2016#first"        第⼀个"#"之后的内容
2,为什么 window.location.search 为空?
答:注意上⾯的search和hash的区别,如果URL中“?”之前有⼀个“#”⽐如:“localhost:63342/index.html#/version?type=35&id=5”那么使⽤window.location.search得到
的就是空(“”)。因为“?type=35&id=5”串字符是属于“#/version?type=35&id=5”这个串字符的,也就是说查询字符串search只能在取到“?”后⾯和“#”之前的内容,如果“#”之前没有“?”search取值为空。
3,应⽤
1/**
2    * 解析URL传参
空字符串是什么
3    * @param {Object} key
4*/
5
6function getQueryString(key)
7    {
8var after = window.location.search;
9if(after.indexOf('?') === -1) return null; //如果url中没有传参直接返回空
10
11//key存在先通过search取值如果取不到就通过hash来取
12        after = after.substr(1) || window.location.hash.split("?")[1];
13
14if(after)
15        {
16var reg = new RegExp("(^|&)"+ key +"=([^&]*)(&|$)");
17var r = after.match(reg);
18if(r != null)
19            {
20return  decodeURIComponent(r[2]);
21            }
22else
23            {
24return null;
25            }
26        }
27    }

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。