Heim > Artikel > Web-Frontend > Wie rufe ich JavaScript-Funktionen in HTML auf?

Wie rufe ich JavaScript-Funktionen in HTML auf?

PHPznach vorne: 2023-09-14 09:53:041474Durchsuche

In diesem Artikel befassen wir uns mit dem Aufrufen und Initialisieren von JavaScript-Funktionen aus HTML-Vorlagen. Wir benötigen eine JavaScript-Funktion, um die erforderliche Methode für die übergebene Eingabe auszuführen.

In diesem Tutorial besprechen wir die beiden Hauptmethoden zum Aufrufen von JavaScript-Funktionen aus HTML-Seiten.

Bei der ersten Methode verwenden wir ein einfaches Eingabe-Tag und eine damit verbundene Senden-Schaltfläche. Nachdem Sie auf die Schaltfläche geklickt haben, wird als Warnung ein Dialogfeld auf dem Bildschirm angezeigt. Durch Klicken auf diese Schaltfläche wird eine JavaScript-Funktion aufgerufen, um die Warnung anzuzeigen.

Methode 1

Wählen Sie zunächst eine Schaltfläche neben dem Eingabe-Tag aus.
Nachdem Sie auf die Schaltfläche geklickt haben, wird auf dem Bildschirm ein Dialog angezeigt, der in der JavaScript-Funktion als Warnung deklariert wurde . Die Funktion „clickEvent()“ ermöglicht die Ausführung von „alert()“, wenn mit der Methode „onclick()“ auf diese Schaltfläche geklickt wird.
Beispiel 1

#index.html

<!DOCTYPE html>
<html>
<body>
   <h1 style="color: green;">
      Welcome To Tutorials Point
   </h1>
   <input type="button" onclick="clickEvent();" value="Click Here !" />
   <script>
      function clickEvent() {
         alert("Hey... The Javascript function is invoked.");
      }
   </script>
</body>
</html>

AusgabeDas obige Programm erzeugt die folgenden Ergebnisse. Wenn Sie auf die Schaltfläche „

Hier klicken!

“ klicken, wird eine Warnung ausgelöst und die Meldung „Hey...Javascript-Funktion aufgerufen“ angezeigt.

Das obige ist der detaillierte Inhalt vonWie rufe ich JavaScript-Funktionen in HTML auf?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html alert li

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie stelle ich den Drehwinkel eines Kreises mit FabricJS ein?Nächster Artikel：Wie stelle ich den Drehwinkel eines Kreises mit FabricJS ein?

In Verbindung stehende Artikel

Mehr sehen

Wie rufe ich JavaScript-Funktionen in HTML auf?

Methode 1

<!DOCTYPE html> <html> <body> <h1 style="color: green;"> Welcome To Tutorials Point </h1> <input type="button" onclick="clickEvent();" value="Click Here !" /> <script> function clickEvent() { alert("Hey... The Javascript function is invoked."); } </script> </body> </html>

“ klicken, wird eine Warnung ausgelöst und die Meldung „Hey...Javascript-Funktion aufgerufen“ angezeigt.

In Verbindung stehende Artikel