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对象如下:
在这里插入图片描述
重点说一下三个方法

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值