已解決430363個問題，去搜搜看，總會有你想問的

查了一些資料，還是完全不知道問題在哪里……

首頁猿問查了一些資料，還是完全不知道問題在...

查了一些資料，還是完全不知道問題在哪里……

JavaScript

一只斗牛犬 2023-04-05 16:13:23

代碼如下：$(function() { $('a').bind('click', function() { var actionObj = $(this); var actionText = actionObj.text(); var stateObj = { title : actionText, url : actionObj.attr('href'), msg : actionText }; window.history.pushState(stateObj, actionObj, actionObj.attr('href')); }); window.onpopstate = function(e) { console.log(e.state); }; })chrome 或者 firefox 都不行……不知道哪里做錯了……

查看完整描述

2 回答

波斯汪

TA貢獻1811條經驗獲得超4個贊

其實你只需要理解一點，onpopstate是在history.back()之后調用的。所以這個時候e.state里返回實際上是back之后的狀態，比如我在下面的代碼里。一次push了兩個state，當我點擊一次后退的時候{page : 2}的state已經pop出去了，這時候e.state里就只剩下{page : 1}了。

(function() {
    $('a').bind('click', function() {
        window.history.pushState({page : 1}, 'test', '#test1');
        window.history.pushState({page : 2}, 'test', '#test2');
        return false;
    });

    window.onpopstate = function(e) {
        console.log(e.state);
    };})();

反對回復 2023-04-07

蝴蝶不菲

TA貢獻1810條經驗獲得超4個贊

如果要獲得pop出去的那個狀態，可以先replaceState,然后再pushState

 window.history.replaceState({page : 1}, '', '');  
 window.history.pushState({}, '', '#test1');

這樣popstate事件觸發的時候就能獲得event.state的值為{page: 1}

反對回復 2023-04-07

2 回答
0 關注
161 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

查了一些資料，還是完全不知道問題在哪里……

查了一些資料，還是完全不知道問題在哪里……

2 回答

添加回答

查了一些資料，還是完全不知道問題在哪里……