window history api
2019-05-13 本文已影响0人
三十六计至做笔记
DOM window 对象通过 history 对象提供了对浏览器的会话历史的访问,从HTML5开始——提供了对history栈中内容的操作
在history中跳转:
window.history.back(); === window.history.go(-1); 向后跳转
window.history.forward(); === window.history.go(1); 向前跳转
可以通过查看长度属性的值来确定的历史堆栈中页面的数量: window.history.length;
操作history条目:
history.pushState():
history.replaceState():同pushState(修改了当前的历史记录项而不是新建一个)
监听历史记录点:window.onpopstate
监听URL的变化,但会忽略URL的hash部分,监听URL的hash部分,HTML5有新的API为onhashchange,