1，什么是window.location？
示例
URL：http://b.a.com:88/index.php?name=kang&when=2016#first
| 属性 | 含义 | 值 |
|---|---|---|
| protocol: | 协议 | "http:" |
| hostname: | 服务器的名字 | "b.a.com" |
| port: | 端口 | "88" |
| pathname: | URL中主机名后的部分 | "/index.php" |
| search: | "?"后的部分，又称为查询字符串 | "?name=kang&when=2016" |
| hash: | 返回"#"之后的内容 | "#first" |
| host: | 等于hostname + port | "b.a.com:88" |
| href: | 当前页面的完整URL | "http://www.a.com: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：http://b.a.com:88/index.php?name=kang&how=#when=2016#first
search:"?name=kang&how=" 第一个"?"之后
hash:"#when=2016#first" 第一个"#"之后的内容
2，为什么 window.location.search 为空?
答：注意上面的search和hash的区别，如果URL中“？”之前有一个“#”比如：“http://localhost:63342/index.html#/version？type=35&id=5”那么使用window.location.search得到的就是空（“”）。因为“？type=35&id=5”串字符是属于“#/version？type=35&id=5”这个串字符的，也就是说查询字符串search只能在取到“？”后面和“#”之前的内容，如果“#”之前没有“？”search取值为空。
例1： 'http://a.a.com/data?id=1&time=2018-06-07'
此时通过 window.location.search 能够正常获取到url中的查询参数 id=1&time=2018-06-07
例2：'http://a.a.com/#/data?id=1&time=2018-06-07'
此时通过 window.location.search 获取到的参数为空""，这是因为使用了hash导致，因为hash会将url中第一个#后的内容都作为hash内容，所以search为空了.
解决办法： 通过处理location.hash来获取query.
获取参数的方法
/**
* 解析URL传参
* @param {Object} key
*/
function getQueryString(key)
{
var after = window.location.search;
if(after.indexOf('?') === -1) return null; //如果url中没有传参直接返回空
//key存在先通过search取值如果取不到就通过hash来取
after = after.substr(1) || window.location.hash.split("?")[1];
if(after)
{
var reg = new RegExp("(^|&)"+ key +"=([^&]*)(&|$)");
var r = after.match(reg);
if(r != null)
{
return decodeURIComponent(r[2]);
}
else
{
return null;
}
}
}
