HTML | DOM 弹出状态事件

HTML DOM PopStateEvent是窗口上 popstate 事件的事件处理程序。每次活动历史条目在同一文档的两个历史条目之间更改时，都会向窗口分派 popstate 事件。

财产：

状态：此属性/方法返回一个包含历史条目副本的对象

事件类型：

popstate：当窗口的历史改变时发生这个事件

例子：

  

    
        window.onpopstate = function(event) {
           alert("location: " + document.location +
           ", state: " + JSON.stringify(event.state));
        };
        history.pushState({
            page: 1
        }, "title 1", "?page=1");
        history.pushState({
            page: 2
        }, "title 2", "?page=2");
        history.replaceState({
            page: 3
        }, "title 3", "?page=3");
  
        // alerts "location: 
        // https://ide.geeksforgeeks.org/tryit.php?page=1,
        // state: {"page":1}"
        history.back();
  
        // alerts "location: about:blank, state: null"
        history.back();
    

  

输出：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 歌剧
• 边缘
• 苹果浏览器