前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Location对象

Location对象

作者头像
wade
发布2020-04-24 10:21:46
4640
发布2020-04-24 10:21:46
举报
文章被收录于专栏:coding个人笔记coding个人笔记

Location对象是window对象的一部分,应该百分之百的前端开发用过这个对象,但几乎所有人也都是仅仅使用location.href。但是location对象上面有好几个属性和方法对开发很有帮助。

属性:location.href

可读可写,设置或返回当前的URL地址。

属性:location.host

可读可写,设置或返回当前 URL 的主机名称和端口号。

属性:location.hostname

可读可写,设置或返回当前 URL 的主机名称。

属性:location.href

可读可写,设置或返回 URL 的锚部分(从 # 号开始的部分)。

属性:location.port

可读可写,设置或返回 URL 的端口号。

属性:location.pathname

可读可写,设置或返回 URL 的路径部分。也就是端口号之后,从/开始。

属性:location.protocol

可读可写,设置或返回 URL 的协议。

属性:location.search

可读可写,设置或返回 URL 的参数部分,从?开始,包含?。

方法:location.assign(url)

加载新的文档,其实就是跳转新的地址。

方法:location.reload(true/false)

刷新当前页面,false与F5刷新一样,true与shift+F5一样。

方法:location.replace(url)

跳转新的地址,且没有历史记录在浏览器,也就是替换当前的文档。

上面所有的属性和方法的设置都会刷新页面,在一些业务场景下会非常有用,比如单页面应用,参数改变,单页面是不会重新执行生命周期的,使用search方法就能刷新页面,或者跳转也是,我们希望重定向,又不希望浏览器记住历史记录,使用replace方法。

(完)

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-03-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档