Implementieren Sie die js-Methode, die nach dem Laden der HTML-Seite ausgeführt wird

Dieser Artikel teilt Ihnen hauptsächlich die Methode zum Ausführen von js nach dem Laden der HTML-Seite mit. Ich hoffe, er kann Ihnen helfen.

Js-Methode:

<script type=”text/javascript”>window.onload=function (){    var userName=”xiaoming”;
    alert(userName);
}</script>

jQuery-Methode, Sie müssen die jQuery-Datei zitieren:

<script type=”text/javascript”>$(document).ready(function (){    var userName=”xiaoming”;
    alert(userName);
});</script>

oder ihre Abkürzung:

$(function (){var userName=”xiaoming”;
alert(userName);
});

im DOM Es kann nach dem Laden ausgeführt werden (früher als window.onload). .ready() kann mehrmals auf derselben Seite erscheinen

Der Hauptunterschied zwischen den beiden ist: Window.onload=function (){}:

Wenn ein Dokument vollständig auf die heruntergeladen wird Browser, erst dann wird das window.onload-Ereignis ausgelöst. Dies bedeutet, dass alle Elemente auf der Seite für js bedienbar sind, was bedeutet, dass alle Elemente auf der Seite erst ausgeführt werden, wenn sie geladen werden. Diese Situation ist für das Schreiben von Funktionscode sehr vorteilhaft, da die Reihenfolge des Ladens nicht berücksichtigt werden muss.

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

wird aufgerufen, wenn das DOM vollständig bereit und einsatzbereit ist. Dies bedeutet zwar auch, dass das Skript auf alle Elemente zugreifen kann, es bedeutet jedoch nicht, dass alle zugehörigen Dateien heruntergeladen wurden. Mit anderen Worten: Der Code wird ausgeführt, nachdem der HTML-Code heruntergeladen und in einen DOM-Baum geparst wurde.

Die Verwendung von $(document).ready(function (){}) ist im Allgemeinen besser als die Verwendung des Onload-Ereignishandlers, aber es muss klar sein, da die Supportdatei möglicherweise noch nicht geladen ist, also so etwas wie Eigenschaften wie z da Bildhöhe und -breite derzeit nicht unbedingt gültig sind.

Hinweis: Es wird Probleme geben, js unten auf der Seite zu platzieren und defer="defer" zu verwenden. Es ist besser, die Funktion $(document).ready(function (){}) zu verwenden.

Verwandte Empfehlungen:

Einführung in die Beschleunigung des Ladens von HTML-Seiten

Das obige ist der detaillierte Inhalt vonImplementieren Sie die js-Methode, die nach dem Laden der HTML-Seite ausgeführt wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!