Detaillierte Erklärung, wann Javascript-Skripte ausgeführt werden

JavaScript-Skripte können überall in HTML eingebettet werden, aber wann werden sie aufgerufen? Wenn ein Browser eine HTML-Datei öffnet, führt er direkt ein Skript aus, das keine deklarierte Funktion ist, oder ruft eine Skriptfunktion über ein Ereignis auf. Im Folgenden werden diese Situationen analysiert.

1. Der Browser führt das Skript beim Öffnen der Seite aus

Wenn ein Browser eine HTML-Datei öffnet, interpretiert er die gesamte Datei von Grund auf, einschließlich HTML-Tags und Skripts. Wenn das Skript Anweisungen enthält, die direkt ausgeführt werden können, werden diese beim Auftreffen sofort interpretiert und ausgeführt. Es gibt hauptsächlich zwei Situationen:

1). Beim Programmstart (hier lädt der Browser die Seite) wird diese Warnfunktion ausgelöst und ausgeführt.

<html>
  <Kopf>
    <Titel>Demo</Titel>
    <Skripttyp="text/javascript">
      alert("wagst du es, mich noch einmal anzuklicken?");  
    </Skript>
  </Kopf>
  <body onLoad="Anzeige()">
  </body>
</html>

2). Wenn der Browser die JS-Funktion lädt und analysiert, wird sie automatisch aufgerufen (nicht durch Benutzerklicks usw. ausgelöst).

2. Verwenden Sie das onLoad-Ereignis, um das Skript auszuführen (entspricht dem Abhören des Vorkommens von ** und anschließender Ausführung).

Das Ereignis onLoad tritt auf, wenn eine Seite in einem Browser geöffnet wird. Diese Methode wird häufig verwendet, um dem Benutzer beim Öffnen einer Seite einige Nachrichten anzuzeigen.
Das folgende Beispiel verwendet das onLoad-Ereignis des Tags, um Folgendes zu demonstrieren:

<html>
  <Kopf>
    <Titel>Demo</Titel>
    <Skripttyp="text/javascript">
      //hier Javascript-Code einfügen.
      Funktion display()
      {
        alert("wagst du es, mich noch einmal anzuklicken")  
      }
    </Skript>
  </Kopf>
  <body onLoad="Anzeige()">
  </body>
</html>

3. Ausführen von Skripten mithilfe von Benutzerereignissen

Bei der Verwendung eines Browsers verwenden Benutzer häufig Maus und Tastatur, um bestimmte Vorgänge auszuführen, z. B. das proportionale Bewegen der Maus oder das Klicken auf Links oder Schaltflächen. Diese Vorgänge generieren entsprechende Ereignisse. Wir können diese Ereignisse verwenden, um Skriptfunktionen aufzurufen.
Im folgenden Beispiel wird ein Schaltflächenklickereignis verwendet, um die Funktion display() aufzurufen.

<html>
  <Kopf>
    <Titel>Demo</Titel>
    <Skripttyp="text/javascript">
      //hier Javascript-Code einfügen.
      Funktion Anzeige(){
        alert("Klick mich an, es tut so weh")
        }
    </Skript>
  </Kopf>
  <Text>
    <Mitte><br>
    <form>
      <Eingabetyp="Schaltfläche" Wert="beimKlick" beimKlick="Anzeige()">
    </form>
  </center>
  </body>
</html>

Oben finden Sie eine ausführliche Erklärung, wann JavaScript-Skripte ausgeführt werden. Weitere Informationen dazu, wann JavaScript-Skripte ausgeführt werden, finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

Das könnte Sie auch interessieren:

Beispiel für die Ausführung von JavaScript-Skripten durch Selenium
Detaillierte Erklärung der Ausführung von Javascript-Skriptparametern und Rückgabewerten durch Selenium
Führen Sie eine Java-Hintergrundcode-Methodenanalyse im JS-Skript aus
Java JS-Skripttool ausführen
So führen Sie die entsprechende Rückruffunktion aus, nachdem das JS-Skript geladen wurde
Angularjs verwendet Anweisungen, um zu überwachen, wie Skripte nach Abschluss des NG-Repeat-Renderings ausgeführt werden
JS lädt dynamisch Skripte und führt Callback-Operationen aus
Dynamische Skriptausführung in Node.js
Analyse des Ladens und der Ausführung von JavaScript-Skripten in der Browserumgebung: dynamische Skript- und Ajax-Skript-Injektion
Analyse von Verzögerungs- und Asynchronfunktionen beim Laden und Ausführen von JavaScript-Skripten in der Browserumgebung
Analysieren der Reihenfolge des Ladens von JavaScript und der Codeausführung in Browsern

<<: MySQL-Optimierung: InnoDB-Optimierung

>>: 27 Linux-Befehle zum Bearbeiten von Dokumenten, die es wert sind, gesammelt zu werden

MySQL 8.0.19 WinX64-Installations-Tutorial und Ändern des Initialpassworts unter Windows 10

Detaillierte Erklärung, wann Javascript-Skripte ausgeführt werden

1. Der Browser führt das Skript beim Öffnen der Seite aus

1). Beim Programmstart (hier lädt der Browser die Seite) wird diese Warnfunktion ausgelöst und ausgeführt.

2). Wenn der Browser die JS-Funktion lädt und analysiert, wird sie automatisch aufgerufen (nicht durch Benutzerklicks usw. ausgelöst).

2. Verwenden Sie das onLoad-Ereignis, um das Skript auszuführen (entspricht dem Abhören des Vorkommens von ** und anschließender Ausführung).

3. Ausführen von Skripten mithilfe von Benutzerereignissen

MySQL 8.0.19 WinX64-Installations-Tutorial und Ändern des Initialpassworts unter Windows 10

Ein MySQL-Migrationsplan und eine praktische Auflistung der Fallstricke

Beispiel einer Methode zur Fehlerbehebung beim Lösen von Nginx-Portkonflikten

Details zur JS-Array-Deduplizierung

JavaScript zum Erzielen eines einfachen Drag-Effekts

Detaillierte Erläuterung der Befehle für grundlegende MySQL-Operationsanweisung

So erstellen Sie einen Styleguide für Ihre Website im Webinterface-Design (mit Bildern und Text)

Vue verwendet WebSocket, um die Chat-Funktion zu simulieren

Daten in der Layui-Tabellenzeile dynamisch bearbeiten

Detaillierte Analyse des MySQL 8.0-Redo-Logs

Artikel empfehlen

MySQL verwendet inet_aton und inet_ntoa, um IP-Adressdaten zu verarbeiten

Tipps zum Escapen von HTML-Texten

Verwendung des Linux-Befehls ln

Webdesign: Die genaue Platzierung und Verwendung massiver Materialien

Zusammenfassung der 16 XHTML1.0- und HTML-Kompatibilitätsrichtlinien

Detaillierte Erklärung des Linux-Kernel-Makros Container_Of

Verwendung des offiziellen MySQL-Exporttools mysqlpump

HTML-Tutorial: Titelattribut und Alt-Attribut

Detaillierte Erläuterung der Ereignisschleifen-Ereigniswarteschlange von js im Browser

Ausführliche Erläuterung der InnoDB-Sperren in der MySQL-Technologie

IE6-Verzerrungsproblem

Detaillierte JavaScript-Rekursion

Super ausführliches Tutorial zur Installation und Konfiguration von MySQL8.0.22

Anweisungen zum Wiederherstellen von Daten nach versehentlichem Löschen einer MySQL-Datenbank

HTML verwendet Canvas, um die Bullet-Screen-Funktion zu implementieren