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

Grundlagen und Beispiele zur TypeScript-Aufzählung

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

Grundlagen und Beispiele zur TypeScript-Aufzählung

Eine kurze Diskussion über die Magie von parseInt() in JavaScript

Velocity.js implementiert den Seiten-Scrolling-Umschalteffekt

Geben Sie die Stildatei für die automatische Suchvorschlagsfunktion ein: suggestions.css

Vuex in einem Artikel verstehen

So ändern Sie die Ali-Quelle in Ubuntu 20.04

CSS implementiert problemlos Container auf Blockebene mit festem Verhältnis

Dockers Mechanismus zur Integritätserkennung

Detaillierte Erläuterung der Grundkonfiguration des automatisierten Testens von Vue-Jest

So verwenden Sie das Marquee-Tag im XHTML-Code

Artikel empfehlen

Mysql 5.7.17 Winx64-Installationstutorial auf Win7

Detaillierte Erklärung zum Erstellen gespeicherter Prozeduren und Funktionen in MySQL

Docker-Pull-Image und Tag-Vorgang Pull | Tag

So lösen Sie das Problem der Nichtübereinstimmung des MySQL-Abfragezeichensatzes

Detaillierte Codebeispiele zu sieben Methoden zur vertikalen Zentrierung mit CSS

Vue verwendet el-table, um Spalten und Zeilen dynamisch zusammenzuführen

So verwenden Sie Lottie-Animationen in React Native-Projekten

Lösung für Überlauf: versteckter Fehler in CSS

So konfigurieren Sie Hexo und GitHub zum Binden eines benutzerdefinierten Domänennamens unter Windows 10

Implementierung der Nginx-Konfiguration des lokalen Image-Servers

Beispiel zum Ändern des Zeilenabstands einer HTML-Tabelle

Zusammenfassung der Erfahrungen mit der Verwendung des Div-Box-Modells

Das Konzept und die Eigenschaften von benutzerdefinierten MySQL-Variablen

Natives js zum Erreichen eines einfachen Karusselleffekts

Automatischer Commit-Vorgang für MySQL-Transaktionen