Javascript onload, onunload

De considérer les éléments suivants extrait de code HTML contenant du javascript en utilisant prompt et unload. Le prompt() méthode fonctionne très bien mais je veux alerter quelque chose comme au Revoir, l'utilisateur lors du rechargement ou de quitter la page. Toute aide est grandement appréciée.

<body onload="promptName()" >


        <script type="text/javascript">
        function promptName()
        {
            var userName = prompt("What's your name ?", "")
            return userName;
        }

        function goodBye()
        {
            alert("Goodbye, " + promptName() + "!");
        }

        window.onunload = goodBye();

        </script>

  </body>
Quel navigateur êtes-vous tester contre? Selon le MDN, onbeforeunload se comporte différemment selon les navigateurs: developer.mozilla.org/en/DOM/window.onbeforeunload
chrome et IE8 navigateurs

OriginalL'auteur George | 2012-03-28

  1. 12

    Vous devriez l'écrire comme ceci:

    window.onunload = goodBye;

    Aussi, vous pouvez envisager d'utiliser l'événement onbeforeunload dans certains navigateurs:

    window.onbeforeunload = goodBye;

    Lorsque vous écrivez window.onunload = goodBye(); vous assigner ce gestionnaire est retourné à partir de goodBye à la unload événement. Puisque rien n'est retourné, il n'y aura pas de gestionnaire d'événements. Vous avez besoin de faire référence à la fonction à la place: window.onunload = goodBye;

    Bon Oeil, David. +1

    OriginalL'auteur David Hellsing

  2. 3

    Vous ne pouvez pas assing de cette façon: de la fenêtre.onunload = au revoir();

    Si vous voulez assing de cette façon, vous avez trois façons:

    //by this way you use the name of the function, so you override the onunload function with goodBye function
window.onunload = goodBye;

    ou

      //This way you redefine the function
    window.onunload = function(){goodBye()};

    Et mon préféré, car il vous permet d'ajouter plus de fonctionnalités:

    //This way you create a event listener which allows you to add as many functions as you ant
window.addEventListener("unload", goodBye, false);
    Juste une remarque: Le dernier exemple va briser les versions IE 9 ci-dessous.
    Quel exemple? 1,2,3?
    addEventListener n'est pas dispo dans IE8-
    ce qui dans mon exemple n'est pas disponible dans IE8?
    Je ne suis pas sûr que je peux l'expliquer mieux que mon précédent commentaire. developer.mozilla.org/en/DOM/...

    OriginalL'auteur Javier Cobos

  3. 1

    Comme on le voit ICI

    window.onbeforeunload = function() {
    alert("Goodbye, " + promptName() + "!");
};

    ou

    window.onbeforeunload = goodBye;

    Bien que je vous suggère d'économiser le nom d'utilisateur à un glob par paramétrer une var à l'extérieur de vous charger func qui reçoit le nom d'utilisateur après la première invite, alors vous n'avez pas à les inciter à leur nom lorsqu'ils quittent

    OriginalL'auteur SpYk3HH

  4. 1
    <body onload="promptName()" >


        <script type="text/javascript">
        function promptName()
        {
            var userName = prompt("What's your name ?", "")
            return userName;
        }



        window.onbeforeunload = function() {
    alert("Goodbye, " + promptName() + "!");
}
        </script>

  </body>

    onbeforeunload

    Mais il donne le message au revoir juste après avoir invité le nom; je veux que ce message au revoir après la touche F5 ou en cliquant sur l'icône de fermeture
    voir ma réponse, vous devez faire référence à la fonction, de ne pas l'exécuter.
    Mise à jour de la réponse ci-dessus

    OriginalL'auteur PraveenVenu

  5. 1

    Vous pourriez faire quelque chose comme ceci:

    var userName = ""; 

function promptName()
{
    userName = prompt("What's your name ?", "")
    return userName;
}

function goodBye()
{
   alert("Goodbye, " + userName  + "!");
}

window.onload=promptName();     
window.onbeforeunload = goodBye();
    invite fonctionne très bien, le problème est que je veux revoir le message après avoir cliqué sur le bouton fermer. Ce code donne le message au revoir juste après l'invite de n'importe onunload() ou onbeforeunload()
    c'était juste pour vous montrer l'événement. vous devez modifier votre code de cette fonction au revoir() { return ("au Revoir", " + userName + "!"); }

    OriginalL'auteur hennson

  6. 0

    Cela fonctionne pour moi, mais l'on a accepté la réponse ne l'est pas. Cela prend également en charge plus de navigateur d'événements.

    Cela peut aussi être utilisé avec diverses onbeforeunload et beforeunload scripts.

    var doOnUnload = window.attachEvent || window.addEventListener;
var eventType = window.attachEvent ? 'onunload' : 'unload';

doOnUnload(eventType, function(e) 
{
    console.log('godbye');
});

    OriginalL'auteur kochauf