Wie rufe ich JavaScript-Funktionen in HTML auf?-js-Tutorial-php.cn

Wie rufe ich JavaScript-Funktionen in HTML auf?

PHPz

Freigeben： 2023-09-14 09:53:04

nach vorne

1450 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!

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

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

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

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

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

<!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