Joindre un corps d'événement onload avec JS

Comment puis-je joindre un corps d'événement onload avec JS dans un navigateur croix de chemin? Aussi simple que cela?

  document.body.onload = function(){
      alert("LOADED!");
  }
  • Pourquoi ne pas simplement utiliser ce que vous êtes déjà en train de faire dans votre exemple? Il fonctionne pour moi
InformationsquelleAutor Robinicks | 2009-08-05
  1. 22

    Cela prend avantage de DOMContentLoaded - qui se déclenche avant onload, mais permet de vous tenir dans tout votre discrétion...

    de la fenêtre.onload - Dean Edwards - Le blog parle plus à ce sujet - et voici le code complet copiés à partir des commentaires de ce même blog.

    //Dean Edwards/Matthias Miller/John Resig

function init() {
  //quit if this function has already been called
  if (arguments.callee.done) return;

  //flag this function so we don't do the same thing twice
  arguments.callee.done = true;

  //kill the timer
  if (_timer) clearInterval(_timer);

  //do stuff
};

/* for Mozilla/Opera9 */
if (document.addEventListener) {
  document.addEventListener("DOMContentLoaded", init, false);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
  document.write("<script id=__ie_onload defer src=javascript:void(0)><\/script>");
  var script = document.getElementById("__ie_onload");
  script.onreadystatechange = function() {
    if (this.readyState == "complete") {
      init(); //call the onload handler
    }
  };
/*@end @*/

/* for Safari */
if (/WebKit/i.test(navigator.userAgent)) { //sniff
  var _timer = setInterval(function() {
    if (/loaded|complete/.test(document.readyState)) {
      init(); //call the onload handler
    }
  }, 10);
}

/* for other browsers */
window.onload = init;
    InformationsquelleAutor gnarf
  2. 21

    Pourquoi ne pas utiliser window's propre onload événement ? 

    window.onload = function () {
      alert("LOADED!");
}

    Si je ne me trompe pas, c'est compatible sur tous les navigateurs.

    • de la fenêtre.onload qui se passe après la /tout/ est chargé, y compris les images, etc. Si vous voulez commencer à manipuler le DOM dès que possible pour empêcher les start-up gal, vous ne pouvez pas utiliser la fenêtre.onload.
    InformationsquelleAutor Andreas Grech
  3. 14

    Croix de la fenêtre du navigateur.l'événement load de

    function load(){}

window[ addEventListener ? 'addEventListener' : 'attachEvent' ]( addEventListener ? 'load' : 'onload', load )
    • Court et au point !
    • Génial trucs 🙂
    InformationsquelleAutor Aamir Afridi
  4. 9

    document.body.onload est un cross-browser, mais un héritage mécanisme qui permet une seule de rappel (vous ne pouvez pas attribuer plusieurs fonctions à elle).

    Le plus proche de la "norme" alternative, addEventListener n'est pas pris en charge par Internet Explorer (il utilise attachEvent), de sorte que vous aurez probablement envie d'utiliser une librairie (jQuery, MooTools, prototype.js, etc.) l'abstraction de la croix-navigateur de la laideur pour vous.

    InformationsquelleAutor Marcello Bastea-Forte
  5. 2

    jcalfee314 l'idée a fonctionné pour moi - j'ai eu un window.onload = onLoad qui signifie que les fonctions dans <body onload="..."> n'ont pas été appelés (que je n'ai pas le contrôle).

    Ce qu'il est corrigé:

    oldOnLoad = window.onload
window.onload = onLoad;

function onLoad()
{
oldOnLoad();
...
}

    Edit: Firefox n'aime pas oldOnLoad = document.body.onload;, donc remplacé par oldOnLoad = window.onload.

    • Comme Rusky noté sur Andreas réponse de la fenêtre.onload est différente à partir d'un document.corps.onload; il arrive après que tout est chargé, plutôt que de simplement les DOM.
    • Depuis Firefox au moins aussi loin que la version 10 prend en charge oldOnLoad = document.corps.onload, je suis en utilisant une variante de ceci: si (oldOnLoad = document.corps.onload) { document.corps.onload = " onLoad; } else { oldOnLoad = fenêtre.onload; fenêtre.onload = " onLoad; }. Cela semble me donner ce que je veux avec la plupart des navigateurs, à la fenêtre.onload option comme une solution de repli en cas de besoin.
    InformationsquelleAutor hajamie
  6. -1

    Il existe plusieurs méthodes différentes que vous avez à utiliser pour les différents navigateurs. Les bibliothèques comme jQuery vous donner un cross-browser interface qui s'occupe de tout pour vous, cependant.

    InformationsquelleAutor rpjohnst
  7. -3

    Pourquoi pas à l'aide de jQuery?

    $(document).ready(function(){}))

    Pour autant que je sais, c'est la solution parfaite.

    • Cela déclenche avant que le document est chargé.
    InformationsquelleAutor jamesse