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 ausWenn 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.
<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.
<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:
|
<<: MySQL-Optimierung: InnoDB-Optimierung
>>: 27 Linux-Befehle zum Bearbeiten von Dokumenten, die es wert sind, gesammelt zu werden
Artikel empfehlen
CSS3 erzielt einen coolen Karusselleffekt mit geschnittenen Bildern
Heute lernen wir, wie man mit CSS eine coole Bild...
Einfache Kapselung von Axios und Beispielcode zur Verwendung
Vorwort Als ich kürzlich ein Projekt erstellte, d...
MySQL-Reihe: Grundlegende Konzepte der relationalen MySQL-Datenbank
Inhaltsverzeichnis 1. Grundlegende Konzepte 2. En...
Ein genauerer Blick auf SQL-Injection
1. Was ist SQL-Injection? SQL-Injection ist eine ...
Mysql-Trigger werden in PHP-Projekten zum Sichern, Wiederherstellen und Löschen von Informationen verwendet
Beispiele: Über den PHP-Hintergrundcode können Si...
WeChat Mini-Programm implementiert den Likes-Dienst
In diesem Artikel wird der spezifische Code für d...
Verwendung und Beschreibung des HTML-Tags tbody
Das Tbody-Element sollte in Verbindung mit den Ele...
Detaillierte Erläuterung des Front-End-Frameworks für die niedrigschwellige Entwicklung von iOS-, Android- und Miniprogrammanwendungen
Heutzutage ist plattformübergreifende Entwicklung...
WeChat Mini-Programm-Benutzerautorisierung zum Abrufen einer Mobiltelefonnummer (getPhoneNumber)
Vorwort Das Miniprogramm verfügt über eine sehr p...
Beispielcode zur Implementierung eines Laufschriftformats mit CSS3
Hintergrund Folgendes ist passiert: Luzhu erfuhr ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 (Windows)
1. Laden Sie die Software herunter 1. Gehen Sie a...
Zusammenfassung der MySQL-Datenmigration
Inhaltsverzeichnis Vorwort: 1. Über die Datenmigr...
Teilen Sie 20 JavaScript-Einzeilencodes
Inhaltsverzeichnis 1. Holen Sie sich den Wert des...
Implementierung der kollaborativen Nutzung von React-Komponenten
Inhaltsverzeichnis Verschachtelung Kommunikation ...
MySQL verwendet Aggregatfunktionen zum Abfragen einer einzelnen Tabelle
Aggregatfunktionen Wirkt auf einen Datensatz ein ...