javascript - élément - Comment exécuter une fonction quand la page est complètement chargée?




échec du chargement pour l élément script (8)

La propriété onload du mélangeur GlobalEventHandlers est un gestionnaire d'événements pour l'événement load d'un Window, XMLHttpRequest, element, etc., qui se déclenche lorsque la ressource est chargée.

Donc, fondamentalement, javascript a déjà la méthode onload sur la fenêtre qui est exécutée quelle page est chargée, y compris les images ...

Tu peux faire quelque chose:

var spinner = true;

window.onload = function() {
  //whatever you like to do now, for example hide the spinner in this case
  spinner = false;
};

J'ai besoin d'exécuter du code JavaScript lorsque la page est complètement chargée. Cela inclut des choses comme des images.

Je sais que vous pouvez vérifier si le DOM est prêt, mais je ne sais pas si c'est le même que lorsque la page est complètement chargée.


Si vous avez besoin d'utiliser beaucoup onload utilisez $(window).load place (jQuery):

$(window).load(function() {
    //code
});


Et voici un moyen de le faire avec PrototypeJS :

Event.observe(window, 'load', function(event) {
    // Do stuff
});

Javascript utilisant l' onLoad() , attendra que la page soit chargée avant l'exécution.

<body onload="somecode();" >

Si vous utilisez la fonction document ready du framework jQuery, le code sera chargé dès que le DOM est chargé et avant le chargement du contenu de la page:

$(document).ready(function() {
    // jQuery code goes here
});


l'événement window.onload se déclenche lorsque tout est chargé, y compris les images, etc.

Vous voudrez vérifier l'état DOM ready si vous voulez que votre code js s'exécute le plus tôt possible, mais vous devez toujours accéder aux éléments DOM.


Essayez cela, il ne fonctionne que lorsque toute la page a chargé

Par Javascript

window.onload = function(){
    // code goes here
};

Par Jquery

$(window).bind("load", function() {
    // code goes here
});




javascript