【Browser】Location对象属性及方法解析

属性

1.hash

定义：hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。
语法：location.hash
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.hash); 输出结果：#/

2.host

定义：host 属性是一个可读可写的字符串，可设置或返回当前 URL 的主机名称和端口号。
语法：location.host
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.host);//输出结果：localhost:8080

3.hostname

定义：hostname 属性是一个可读可写的字符串，可设置或返回当前 URL 的主机名。
语法：location.hostname
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.hostname) ;//输出结果：localhost

4.href

定义：href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL。
语法：location.href
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.href);输出结果：http://localhost:8080/#/

5.pathname

定义：pathname 属性是一个可读可写的字符串，可设置或返回当前 URL 的路径部分。
语法：location.pathname
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.pathname);//输出结果：/

6.port

定义：属性是一个可读可写的字符串，可设置或返回当前 URL 的端口部分。如果端口号就是80（这是默认的端口号)，无需指定。
语法：location.port
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.port);//输出结果：8080

7.protocol

定义：protocol 属性是一个可读可写的字符串，可设置或返回当前 URL 的协议。
语法：location.protocol
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.protocol);//输出结果：http:

8.search

定义：search 属性是一个可读可写的字符串，可设置或返回当前 URL 的查询部分（问号 ? 之后的部分）。
语法：location.search
例子：

比如当前页面的链接为：http://localhost:8080/#/
console.log(location.search);//因为上面链接无问号，所以返回值为空

方法

1.assign()

作用：assign()方法加载一个新的文档。
语法：location.assign(URL)
例子：

//html  点击会跳到百度
<input type="button" value="跳到百度" onclick="test()">

//script
function test(){
	window.location.assign("https://www.baidu.com")
}

2.reload()

作用：用于刷新当前文档。类似于你浏览器上的刷新页面按钮。如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。
语法：location.reload(forceGet)

参数	类型	描述
forceGet	Boolean	可选。如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。