web-dev-qa-db-ja.com

JavaScriptの後にページを更新して関数を実行する

こんにちは、ページを更新し、更新が完了したら関数を実行しようとしています。しかし、現在私が持っているコードは関数を実行しますが、それはリフレッシュするだけで、関数の機能を失います。それを解決する方法はありますか?

私のコードは:

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

<button onclick: "reloadP()">Click</button>    
7
Lost Soul

ページがロードされたら、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 [〜#〜]

17
Barmar
function myFunction() {
    document.getElementById("welcome").textContent = "Welcome back!";
}

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

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

デモ: https://jsfiddle.net/barmar/5sL3hd74/

1
Félix Pujols