Ein Skript ausführen, wenn das Element im HTML geladen wird?-HTML-Tutorial-php.cn

Ein Skript ausführen, wenn das Element im HTML geladen wird?

WBOY

Freigeben： 2023-08-29 20:41:05

nach vorne

1147 Leute haben es durchsucht

Ein Skript ausführen, wenn das Element im HTML geladen wird?

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">

Nach dem Login kopieren

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>

Nach dem Login kopieren

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
}

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!