Heim > Artikel > Web-Frontend > Ein Skript ausführen, wenn das Element im HTML geladen wird?
Ein Skript ausführen, wenn das Element im HTML geladen wird?
- WBOYnach vorne
- 2023-08-29 20:41:051077Durchsuche
In diesem Artikel erfahren Sie, wie Sie ein Skript ausführen, nachdem Sie ein Element in HTML geladen haben.
Wenn ein Objekt geladen wird, tritt das Onload-Ereignis auf. Onload wird am häufigsten innerhalb des
-Elements verwendet, um ein Skript auszuführen, nachdem die Webseite ihren gesamten Inhalt vollständig geladen hat. Dies kann für verschiedene Zwecke genutzt werden, etwa zur Überprüfung von Cookies oder zur Einstellung der passenden Seitenversion basierend auf dem Browser des Benutzers.Lassen Sie uns in diesen Artikel eintauchen, um mehr über das Ausführen von Skripts nach dem Laden von Elementen in HTML zu erfahren.
Verwenden Sie die Onload-Methode
Nachdem das Element vollständig geladen wurde, tritt das Onload-Ereignis auf. Um ein Skript auszuführen, nachdem die Webseite vollständig geladen wurde, verwenden Sie es mit dem Body-Element.
Grammatik
Das Folgende ist die Syntax der Onload-Methode.
<body onload="functionToBeExecuted">
Beispiel
Im folgenden Beispiel verwenden wir die Onload-Methode.
<!DOCTYPE html>
<html>
<body onload="loadFunction()">
<h1>Welcome To TutorialsPoint</h1>
<script>
function loadFunction() {
alert("Loaded Successfully");
}
</script>
</body>
</html>
Wenn das Skript ausgeführt wird, wird das Ereignis ausgelöst und auf der Webseite wird die Meldung „Erfolgreich geladen“ angezeigt.
Wenn der Benutzer auf „OK“ klickt, wird die Seite erfolgreich geladen und der Text „Willkommen beim Tutorial Point“ wird angezeigt.
Verwenden Sie die window.onload-Methode
Das Onload-Attribut des Fensterelements wird verwendet, um das Skript auszuführen, nachdem die Webseite vollständig geladen ist. Sobald die Webseite geladen ist, wird diese Funktion durch das Onload-Attribut aktiviert.
Grammatik
Das Folgende ist die Syntax der window.onload-Methode
window.onload = function exampleFunction() {
// Function to be executed
}
Beispiel
Betrachten Sie das folgende Beispiel, in dem wir die Methode window.onload verwenden.
<!DOCTYPE html>
<html>
<body>
<h1>The Best E-Way Learning.</h1>
<script>
function loadFunction() {
alert("Window Loaded Successfully");
}
window.onload = loadFunction();
</script>
</body>
</html>
Wenn Sie das obige Skript ausführen, wird das Ausgabefenster angezeigt, und wenn das Ereignis auf der Webseite ausgelöst wird, wird die Meldung „Fenster erfolgreich geladen“ angezeigt.
Wenn der Benutzer auf „OK“ klickt, wird das Fenster erfolgreich geladen und zeigt den Text „Best Electronic Ways to Learn“ auf der Webseite an.
Das obige ist der detaillierte Inhalt vonEin Skript ausführen, wenn das Element im HTML geladen wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!