(共566篇)
全部分类

location对象
[ JS基础 ] 

location 对象

浏览器提供了一个location接口,用来操作浏览器的地址栏。

属性/方法 作用
location.href 设置或获取 当前窗口完整的 url
location.protocol 设置或获取 url 中的协议
location.host 设置或获取 url 中的主机名(域名)和端口
location.hostname 设置或获取 url 中的主机名(域名)
location.pathname 设置或获取 url 中的文件路径
location.port 设置或获取 url 中的端口号
location.search 设置或获取 url 中的查询部分
location.hash 设置或获取 url 的锚点部分
location.reload() 重新加载本页面
location.assign(url) 载入一个新页面
location.replace(url) 用新页面替换本页面

一个标准的网址规则如下:

1
2
protocol://hostname:port/pathname?search#hash
协议://域名:端口/文件地址?查询条件#锚点

假设当前打开的页面地址是:http://localhost:3000/demo01.html?height=40#project,它的各个属性值结果如下:

前面列举的这些属性,即可以获取当前页面的某个部分,又可以修改当前页面中 url 的某个部分,但是修改之后浏览器的行为是不同的,比如:

assign() 和 replace()

除了通过前面的一些属性可以达到跳转页面的目的之外,locaiton还提供了两种方法用来跳转页面:location.assign(url)location.replace()。他们两个的区别在于: