Dokument Bereit, vs Fenster Onload - nicht definiert keine Funktion

Ich bin das hinzufügen einer kleinen Funktion zur Initialisierung an den Anfang des Skripts, um ein pop-up-login-dialog, und ich wollte zunächst, es zu tun, sobald das Fenster geladen wurde, also habe ich versucht, verwenden Sie den folgenden code:

$( window ).onload(function() {
    console.log("foo");
});

Jedoch, es immer wieder

Uncaught TypeError: undefined ist nicht eine Funktion

Ich beschlossen, stattdessen den folgenden code verwenden, und es funktioniert gut:

$( document ).ready(function() {
    console.log("foo");
});

Ich habe absolut kein problem mit Dokument bereit, um meine Ziele zu erreichen, ich Frage mich nur, warum das Fenster onload-nicht funktionieren würde.

  • jQuery hat keine onload Methode. Können on('load') oder load()
  • Sie können $(window).load(function(){}) Funktion für jquery
InformationsquelleAutor Jack | 2015-04-05
  1. 14
    $( window ).onload(function() {
   console.log("foo");
});

    ist falsch

    richtige sein

    window.onload = function() {
   console.log("foo");
};

    oder

    $( window ).load(function() {
   console.log("foo");
});

    oder

    $( window ).on('load', function() {
   console.log("foo");
});

    - - - - - - edit - - - - - -

    wenn Sie mit jQuery würde ich empfehlen, "ready" - Funktion 

    $( document ).ready(function() {
   console.log("foo");
});

    oder kurze version

    $(function() {
   console.log("foo");
});
    • vielen Dank für die einschließlich der vollständigen Dreierwette auf Lasten 🙂
    InformationsquelleAutor thecotne
  2. 2

    Ich denke du meinst window.onload, das ist ein javascript-event -

    window.onload = function(){
  //x functionality when window loads
}

    $(window).load ist eine ähnliche Veranstaltung in jQuery. $(document).ready ist jQuery für, wenn das DOM bereit ist und geladen werden.

    Für ein bisschen trivia: Die $(document).ready ist eigentlich die erste der beiden genannten Ereignisse zu feuern, da dieser nicht warten, für die Bilder (etc.). Sie feuert direkt nachdem der DOM geladen wurde. Die anderen beiden warten, bis die ganze Seite geladen ist.

    • Nur als Hinweis: Wenn Sie $(window).load(function(){}) nach der Inhalt geladen wurde, wird der callback nicht aufgerufen werden. Auf der anderen Seite $(document).ready(function(){}) wird aufgerufen, wenn das DOM bereit ist und wenn das DOM schon fertig ist, zu dieser Zeit, dann wird es sofort abgerufen werden.
    InformationsquelleAutor Mackan
  3. 1
    window.onload = function() {

};

    dies ist nicht jQuery

    InformationsquelleAutor Vitaliy Terziev
  4. 0

    Fenster.laden Sie feuert, wenn alles in die Seite geladen wurde. Das bedeutet, dass nicht nur das gesamte DOM geladen ist, aber die verlinkten Ressourcen wie Bilder vollständig geladen sind. Denn dieser wartet, bis die Bilder geladen, kann es manchmal lange dauern, um das Feuer.

    Siehe unten im code, der ausgelöst wird, das Fenster load-Ereignis nach dem Bild-laden-Funktion, so dass Sie das Dokument nutzen können.ready-Ereignis, wenn Sie eingreifen wollen "früh" in den rendering-Prozess, ohne zu warten, für die Bilder zu laden.

    

    

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        $(document).ready(function(){        
            $("img").load(function(){
            alert("Image loaded.");
        });
   });
$(window).load(function(){
   alert('load my window when all the resources on the page is loaded');
});
</script>
    


    

    

     <html>  
  <head>    

</head>
<body>
<img src="img_moustiers-sainte-marie.jpg" alt="Cinqueterra" width="304" height="236">

<p><b>Note:</b> Depending on the browser, the load event may not trigger if the image is cached.</p>
</body>
</html>
    


    

    

    

    

    InformationsquelleAutor Sourabh Pant
Schreibe einen Kommentar