window.location 对象不仅可以获得当前页面的地址 (URL)，还能够将浏览器重定向到新的页面。
在谷歌中搜索关键词"google"，打开chrome的调试工具，在Console一栏中输入window.location，出现如下图所示（包含location的多个属性）：
window.location
接下来以
http://www.myurl.com:8866/test?id=123&username=xxx作为栗子，介绍一下location的常用属性：
window.location.href（当前URL）
window.location.protocol（协议）
结果如下：
http:
window.location.host（域名 + 端口）
结果如下：
www.myurl.com:8866
window.location.hostname（域名）
结果如下：
www.myurl.com
window.location.port（端口）
结果如下：
8866
window.location.pathname（路径部分）
结果如下：
/test
window.location.search（请求的参数）
结果如下：
?id=123&username=xxx
通常由于业务需要，前端页面中的某个数据源来源，需要我们去获取URL的某个参数值。这时封装一个输入参数名获取对应参数值的函数是必不可少的，如下所示：
function getQuery(name) {
// 正则：[找寻'&' + 'url参数名字' = '值' + '&']（'&'可以不存在）
let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
let r = window.location.search.substr(1).match(reg);
if(r != null) {
// 对参数值进行解码
return unescape(r[2]);
}
return null;
}
// 调用方法，注意需要传入String类型的数据，输出结果为String类型
getQuery('id'); // '123'
