0

我想编写一个 javascript 代码，能够在 window.onpopstate 或 window.onload 上执行某些操作，但从不执行两次（请注意，chrome 在 onload 和单击后退导航按钮时都会触发 popstate 事件）

我希望它与主要的现代浏览器兼容（IE10 firefox chrome opera safari）

而且我宁愿不使用任何库 - 甚至不使用 jquery。

像这样的东西（但当然有正确的语法）：

window.onload || window.onpopstate = function(){
    window.alert("hello world");
}

谢谢

编辑 1

根据您的建议，我已经尝试过：

var ranAlready=false;

window.onload = function(){
if (!ranAlready){
    window.alert("onload was true");
    ranAlready=true;
}
};

window.onpopstate = function(){
if (!ranAlready){
    window.alert("popstate was true");
    ranAlready=true;
}
};

但现在我不确定如何将变量设置回 false .. 因为它取决于浏览器等等..

编辑 2

我需要它不止一次地工作，因为用户可能会单击一些 ajax 链接，因此页面不会刷新但 url 会改变，因此他可能会单击后退按钮。这意味着必须在某个时刻将变量设置回 false / 但我不知道何时..

4

1 回答 1

2

问题是在 Chrome 中，“popstate”事件在页面加载时被触发，所以处理程序会运行两次。您可以通过在 popstate 上运行时检查历史状态以检测它是否在初始加载时运行来解决此问题。

function showAlert() {
    window.alert("hello world");
}
function showAlertOnPopState(){
    if (window.history.state == null){ // This means it's page load
        return;
    }
    showAlert();
}

window.onload = showAlert;
window.onpopstate = showAlertOnPopState;

小提琴：http: //jsfiddle.net/ER8zC/2/

在这里找到了 history.state 技巧：Popstate on page's load in Chrome

于 2013-08-28T17:53:12.737 回答