当前位置:首页 > 专题管理

JavaScript Location 对象:获取或设置当前的 URL 信息

Location 对象

JavaScript Location 对象用于获取或设置当前的 URL 信息。Location 对象是 window 对象的一部分,可通过 window.location 属性对其进行访问。

Location 对象常用于得到 URL 地址中的信息,或者刷新当前页面,页面重定向等,具体可见下面列出的各属性和方法。

Location 对象属性

属性描述
location.hash设置或取得 URL 中的锚
location.host设置或取得 URL 中主机(包括端口号)
location.hostname设置或取得 URL 中的主机名
location.href设置或取得完整 URL(页面重定向应用)
location.pathname设置或取得 URL 中的路径
location.port设置或取得 URL 中的端口号
location.protocol设置或取得 URL 使用的协议
location.search设置或取得 URL 中的查询字串(一般是 ? 符号后面的内容)

Location 对象方法

History 对象有如下 3 个方法:

  • location.assign():加载新页面文档
  • location.reload():重新加载(刷新)当前页面
  • location.replace():用新的文档替代当前文档

本章节内容共分 12 部分:

  1. JavaScript Location 对象:获取或设置当前的 URL 信息
  2. JavaScript location.hash 属性:设置或取得当前 URL 中的锚
  3. JavaScript location.host 属性:设置或取得当前 URL 的主机名称和端口号
  4. JavaScript location.hostname 属性:设置或取得当前 URL 的主机名
  5. JavaScript location.href 属性:设置或取得当前完整的 URL(页面跳转)
  6. JavaScript location.pathname 属性:设置或取得当前 URL 的路径部分
  7. JavaScript location.port 属性:设置或取得当前 URL 的端口
  8. JavaScript location.protocol 属性:设置或取得当前 URL 的协议
  9. JavaScript location.search 属性:设置或取得当前 URL 的查询字串
  10. JavaScript location.assign() 方法:加载一个新的文档
  11. JavaScript location.reload() 方法:重新加载当前文档(刷新页面)
  12. JavaScript location.replace() 方法:加载一个新文档(页面)替换当前文档