location对象是很特别的一个对象，因为它既是window对象的属性，也是document对象的属性。换句话说，window.location和document.location引用的是同一个对象。这里我们就简单的介绍一下location处理URL片段的方法吧！
一、
如下每个属性前省去location前缀：
hash '#xxxxx' 返回URL中的hash（即#号后面的字符）
host 'www.baidu.com:80' 返回服务器名称和端口号
hostname 'www.baidu.com' 返回不带端口号的服务器名称
href 'http:www.baidu.com' 返回当前加载页面的完整URL，而location对象的toString()方法也返回这个值。
path '8080' 返回当前URL的指定的端口号
pathname '/xxxx/sssss/' 返回URL中的目录和（或）文件名
portocol(协议) 'http:' 返回页面使用的协议 http: 或 https:
search '?q=test01' 返回URL的查询字符串。 这个字符串以问号开头
二、
URL查询字符串参数：
1.获取search
function getQueryStringArgs () {
// 获取查询字符并去掉开头的问号
var searchStr = location.search.length > 0 ? location.search.substring(1) : '',
// 保存数据的对象
args = {},
// 获取每一项参数
tems = searchStr.length ? searchStr.split('&') : [],
item = null,
name = null,
value = null,
i = 0,
len = items.length;
// 逐个将每一项添加到args对象中
for (i = 0; i < len; i++) {
item = items[i].split('=');
name = decodeURLComponent(item[0]);
value = decodeURLComponent(item[1]);
if (name.length) {
args[name] = value
}
}
}
来源：https://www.cnblogs.com/qinwenlong/p/9610367.html