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

location 对象详解

作者头像
前端GoGoGo
发布2018-08-24 17:46:46
4820
发布2018-08-24 17:46:46
举报
文章被收录于专栏:九彩拼盘的叨叨叨

Location 对象包含有关当前 URL 的信息。 可通过 window.location 属性来访问。

其包含如下的属性

  • hash 哈希值。设置或返回从井号 (#) 开始到 URL结束的值。可以用它来记录页面的状态。若页面存在某个链接的name的值与hash值是一样的,页面载入时,浏览器会滚动到该链接的位置。 需要注意的是,如果URL中不带#,则 hash 值为空字符串,否则,hash值为#以及到URL结束的值。
  • hostname 设置或返回当前 URL 的主机名。
  • host 设置或返回主机名和当前 URL 的端口号。
  • href 设置或返回完整的 URL。
  • pathname 设置或返回当前 URL 的路径部分。
  • port 设置或返回当前 URL 的端口号。若port的值为空字符串,其实,该网站监听的是默认的80端口。
  • protocol 设置或返回当前 URL 的协议。协议有http:,https:,file:等等
  • search 查询字符串。设置或返回从问号 (?) 开始的 URL(查询部分)。多个查询参数之间用&分隔,如?a=b&c=d

当改变location中的除了hash之外的属性的值,均会导致页面跳转。

例如,有这样一个URL http://127.0.0.1:3000/views/index.html?q=sth&sort=desc#b 对应的

  • hash 为 #b
  • hostname 为 127.0.0.1
  • host 为 127.0.0.1:3000
  • href 为 http://127.0.0.1:3000/views/index.html?q=sth#b
  • pathname 为 /views/index.html
  • port 为 3000
  • protocol 为 http:
  • search 为 ?q=sth&sort=desc

其包含如下的方法

  • reload([bForceGet]) 刷新当前页面。bForceGet为可选参数, 默认为 false,从浏览器的缓存里取当前页。true,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 。
  • replace(URL) 当前页面跳转到指定的URL。并且用该URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远处于失效状态,用户也就无法进行后退了。
  • assign(URL) 当前页面跳转到指定的URL。和使用location.href=URL是一样的。会产生历史记录。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015.09.15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

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

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

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