Wie mache ich einen Abfragecode nach dem Laden der Seite?

Wenn Sie möchten, dass ein Ereignis auf Ihrer Seite funktioniert, sollten Sie es in der Funktion $ (document) .ready () aufrufen. Alles darin wird geladen, sobald das DOM geladen ist und bevor der Seiteninhalt geladen wird.

Ich möchte Javascript-Code erst nach dem Laden des Seiteninhalts erstellen. Wie kann ich das tun?

Verwenden Sie loadanstelle von ready:

$(document).load(function () {
 // code here
});

Update Sie müssen es .on()seit jQuery 1.8 verwenden. ( http://api.jquery.com/on/ )

$(window).on('load', function() {
 // code here
});

Aus dieser Antwort :

Laut http://blog.jquery.com/2016/06/09/jquery-3-0-final-released/ :

Veraltete Ereignis-Aliase wurden entfernt

.load, .unloadUnd .error, als veraltet , da jQuery 1.8, sind nicht mehr. Verwenden Sie .on()diese Option , um Listener zu registrieren.

https://github.com/jquery/jquery/issues/2286

Folgen

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

kann ersetzt werden

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

Es gibt noch einen Weg, den ich benutze, um die Ladezeit der Seite zu erhöhen.

$(document).ready(function() { 
  $(window).load(function() { 
     //insert all your ajax callback code here. 
     //Which will run only after page is fully loaded in background.
  });
});

niemand hat das erwähnt

$(function() {
    // place your code
});

Das ist eine Kurzfunktion von

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

Bearbeiten: Dieser Code wartet, bis alle Inhalte (Bilder und Skripte) vollständig geladen und im Browser gerendert sind.

Ich hatte dieses Problem, bei dem $(window).on('load',function(){ ... })mein Code seit dem Javascript zu schnell ausgelöst wurde mir verwendete zum Formatieren und Ausblenden von Elementen diente. Die Elemente wurden zu früh ausgeblendet und mit einer Höhe von 0 belassen.

Ich benutze jetzt $(window).on('pageshow',function(){ //code here });und es feuert zu der Zeit, die ich brauche.

Auf diese Weise können Sie vermeiden, in '$' undefiniert zu werden

window.addEventListener("DOMContentLoaded", function(){
    // Your code
});

BEARBEITEN : Die Verwendung von 'DOMContentLoaded' ist schneller als nur 'Laden', da die Ladeseite vollständig geladen ist, einschließlich Imgs ... während DomContentLoaded nur auf die Struktur wartet

Ich suche das gleiche Problem und hier ist, was mir hilft. Hier ist die jQuery-Version 3.1.0 und das Ladeereignis ist für die Verwendung seit jQuery-Version 1.8 veraltet . Das Ladeereignis wird aus jQuery 3.0 entfernt. Stattdessen können Sie die Methode on verwenden und das JavaScript-Ladeereignis binden:

$(window).on('load', function () {
  alert("Window Loaded");
});

Wenn Sie nach Abschluss der ersten Funktion eine zweite Funktion ausführen möchten, lesen Sie diese Antwort zum Stapelüberlauf .

Schreiben Sie den Code, den Sie ausführen möchten. Wenn Ihr Dokument fertig ist, wird dies ausgeführt.

$(document).ready(function() { 

});