js Window Document 中的 location 对象

版权声明：本文自撰，转载先跟我说一下比较好 https://blog.csdn.net/KimBing/article/details/87785418

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