【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,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。

猜你喜欢

转载自blog.csdn.net/m0_46533551/article/details/129518701