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