Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,通过 window.location 属性来访问。
1.Location 对象属性
属性 | 描述 |
---|---|
hash | 返回一个URL的锚部分 |
host | 返回一个URL的主机名和端口 |
hostname | 返回URL的主机名 |
href | 返回完整的URL |
pathname | 返回的URL路径名。 |
port | 返回一个URL服务器使用的端口号 |
protocol | 返回一个URL协议 |
search | 返回一个URL的查询部分 |
2.Location 对象方法
方法 | 说明 |
---|---|
assign() | 加载一个新文档 |
reload() | 重新加载文档(刷新页面) |
replace() | 用新的文档替换当前文档 |
在控制台直接打印location对象如下:
重点说一下三个方法
1.assign()
语法:
location.assign(URL)
此方法就是加载一个新的文档,并不会重新打开一个页面。
2.reload()
语法:
location.reload(forceGet)
此方法参数可选(true和false)
参数为false时从缓存拿去文档。
如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。
此方法就是刷新文档(页面),它类似于你手动点击浏览器的刷新页面按钮。常用来刷新页面。
3.replace()
语法:
location.replace(newURL)
此方法就是替换当前文档。
此方法于assign()区别在于:window.location.assign(url) :
加载 URL 指定的新的 HTML 文档。就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。window.location.replace(url) :
通过加载 URL指定的文档来替换当前文档,这个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是没有后退返回上一页的