Actualiser la page et exécuter la fonction après JavaScript

Question

Bonjour, j'essaie de rafraîchir ma page, puis d'exécuter une fonction une fois la régénération terminée. Cependant, le code que j'ai maintenant exécute le funxtion, il ne fait qu'actualiser, ce qui signifie que je perds ce que fait la fonction. Existe-t-il un moyen de le résoudre?

Mon code est:

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

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

Answer 1

Vous devez appeler myFunction() lorsque la page est chargée.

window.onload = myFunction;

Si vous ne voulez l'exécuter que lorsque la page est rechargée, pas lorsqu'elle est chargée pour la première fois, vous pouvez utiliser sessionStorage pour transmettre ces informations.

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

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

DÉMO

Answer 2

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();
}

DÉMO: https://jsfiddle.net/barmar/5sL3hd74/