刷新页面并在之后运行函数-JavaScript

2022-08-21 00:00:00 reload javascript

我正在尝试刷新页面,然后在刷新完成后运行函数。然而,我现在拥有的代码运行该函数,然后它只刷新它,这意味着我丢失了该函数所做的事情。有办法解决这个问题吗?

我的代码

function reloadP(){
    document.location.reload();
    myFunction();
}

<button onclick: "reloadP()">Click</button>    

解决方案

加载页面时需要调用myFunction()

window.onload = myFunction;

如果您只想在重新加载页面时运行它,而不是在第一次加载页面时运行它,则可以使用sessionStorage传递此信息。

window.onload = function() {
    var reloading = sessionStorage.getItem("reloading");
    if (reloading) {
        sessionStorage.removeItem("reloading");
        myFunction();
    }
}

function reloadP() {
    sessionStorage.setItem("reloading", "true");
    document.location.reload();
}

DEMO

相关文章