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,

上一篇下一篇

猜你喜欢

热点阅读