js Window Document 中的 location 对象

window.location 与 document.location 的关系

​​window​​​ 和 ​​document​​​ 中都有一个 ​​location​​​ 属性，都是 ​​Location​​ 对象

他们两个的关系是：完全一模一样，如下 ​​===​​​

Location 对象的一些属性和方法

{
  hash: ""
  host: "localhost"
  hostname: "localhost"
  href: "http://localhost/diary/"
  origin: "http://localhost"
  pathname: "/diary/"
  port: ""
  search: ""
  protocol: "http:"
  reload: ƒ reload()
  replace: ƒ ()
  toString: ƒ toString()
}

常用使用方法

跳转当前目录下的页面

location = 'add.html'

​​location​​​ 是 window 的属性，是全局变量，可以直接使用
​​​location​​​ 就是 ​​window.location​​​ 如果当前目录是 ​​/diary/​​ 上面的指令会 跳转到 ​​http://localhost/diary/add.html​​

跳转本站页面

location.pathname = 'about.html'

这个会跳转到站点主目录下的 ​​about.html​​​ 如果当前目录是 ​​/diary/​​ 也会直接跳转到 ​​http://localhost/about.html​​