Nachdem der Browser das DOM geladen hat, wird das DOM -Element über JavaScript Ereignisse hinzugefügt. In JavaScript wird normalerweise die Methode für Fenster.onload () verwendet.
In JQuery wird die Methode $ (dokument) .Ready () verwendet. Lassen Sie mich den Unterschied zwischen den beiden unten vorstellen.
| window.onload () | $ (Dokument) .Ready () | |
| Ausführungszeitpunkt | Führen Sie nach dem Laden alle Elemente der Seite (einschließlich Bilder und Referenzdateien) aus. | Alle HTML -DOMs auf der Seite werden ausgeführt, nachdem die CSS -DOM -Struktur geladen wurde und andere Bilder möglicherweise nicht geladen werden. Wenn Sie möchten, dass alle Inhalte der Webseite (einschließlich Bilder usw.) laden, registrieren Sie das Ereignis und verwenden Sie $ (Fenster) .load (Funktion); Äquivalent zu window.onload () |
| Schreiben Sie eine Nummer | Sie können nicht gleichzeitig mehrere Wörter schreiben, letzteres überschreibt das vorherige. ex: window.onload = function () {alert ("a"); } window.onload = function () {alert ("b"); } Das Ergebnis wird "B" sein Wenn Sie Alarm ("A") und Alarm ("B") nacheinander ausführen möchten, müssen Sie es schreiben window.onload = function () { alarm ("a"); Alert ("B"); } | Kann mehrere gleichzeitig schreiben |
| Abkürzung | keiner | $ (Dokument) .Ready (function () { // zu tun; }); Kann geschrieben werden als $ (). Ready (function () {// $ () ohne Parameter ist Dokument // zu tun; });oder $ (function () { // zu tun; }); |