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

Wie rufe ich JavaScript-Funktionen in HTML auf?

PHPz
Freigeben: 2023-09-14 09:53:04
nach vorne
1510 Leute haben es durchsucht

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>
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage