history
window.history属性指向history对象,表示当前窗口的浏览历史。(栈的数据结构)
History.back()浏览器回退
History.foeward()前进
HIstory.go(-1)
【pushState()相当于数组的push
replaceState()替换】vue router vue路由是用这种方式作的
BOM浏览器对象模型
history 栈
window.history属性指向 History 对象,表示当前窗口的浏览历史 www.baidu.com
History.back()、 History.forward()、 History.go()
History.pushState(), History.replaceState()
Location 对象window.location和document.location属性 可以拿到这个对象
location.herf 整个UIRL
Location.protocol 当前URL的协议 包括冒号(:)和端口
Location.port 端口号
Location.pathname URL 的路劲部分,从根路劲开始
Location.search 查询字符串部分 从问号?开始
Location.hash 片段字符串部分 从#开始
Location.username 域名前面的密码
Location.origin URL 的协议、主机名和端口
history:以栈的形式存储
History 对象包含用户(在浏览器窗口中)访问过的 URL。
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
.back()、.forward()、.go ( )-1 0 -2、
history与locationAPI方法
history 和 location API
history
window.history 属性指向History对象,它标识当前浏览器历史 浏览器历史记录是一个栈数据结构(先进后出)
History.back() 后退、History.forward()前进、History.go() 跳转
History.pushState() 向栈里推入数据、History.replaceState()向栈里替换数据
Location 对象 window.location和document.location属性,可以拿到这个对象
Location。href:整个URL
Location.protocol:当前URL的协议,包括冒号(:)
Location.host:主机。如果端口不是协议默认的80和433,则不会包括冒号(:)和端口
Location.hostname:主机名,不包括端口。
Location.port:端口号。
Location.pathname:URL的路径部分,从根路径/开始。
Location.search:查询字符串部分,从问号?开始。
Location.hash:片段字符串部分,从#开始。
Location.username:域名前面的用户名。
Location.password:域名前面的密码。
Location.origin:URL的协议、主机名和端口。