js 中的location 对象

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对象如下:
js 中的location 对象_第1张图片
重点说一下三个方法

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指定的文档来替换当前文档,这个方法是替换当前窗口页面,前后两个页面共用一个窗口,所以是没有后退返回上一页的

你可能感兴趣的:(js基础)