Wo kann JavaScript in eine HTML -Datei platzieren

Während des Entwerfens einer Webseite oder Website finden die Entwickler es häufig bequem, HTML- und JavaScript -Codes gemäß den enthaltenen Funktionen zu integrieren. Zum Beispiel platzieren Sie den Code in Bezug. In solchen Szenarien ist die Platzierung von JavaScript in einer HTML -Datei von großer Hilfe.

Diese Anleitung veranschaulicht die Ansätze, JavaScript in eine HTML -Datei zu platzieren.

Wo kann JavaScript in eine HTML -Datei platzieren?

Die Platzierung von JavaScript in einer HTML -Datei kann in der:

• “" Schild.
• “" Schild.
• Extern “JS -Datei”.

Ansatz 1: Platzierung von JavaScript in Tag in einer HTML -Datei

In diesem Ansatz die Platzierung des JavaScript -Teils des Codes innerhalb der “”Tag wird illustriert.

Beispiel

Lassen Sie uns einen Überblick über die untergegebene Demonstration haben:

Klick mich

Im obigen Code -Snippet:

• Fügen Sie den JavaScript -Teil des Codes in die “ein"Tag mit Hilfe der"" Schild.
• Definieren Sie im JS -Code eine Funktion namens “PlacementJS ()”. Zeigen Sie in seiner Definition die angegebene Nachricht über das Alarmdialogfeld an.
• Zuletzt erstellen Sie im HTML -Code eine Schaltfläche mit einer "ONCLICKEreignis, das im vorherigen Schritt auf der Schaltfläche Klick auf die definierte Funktion umleitet.

Ausgang

In der obigen Ausgabe ist ersichtlich, dass der JS -Code ordnungsgemäß funktioniert, indem er ihn in die “platziert“" Schild.

Ansatz 2: Platzierung von JavaScript in Tag in einer HTML -Datei

In diesem Ansatz die Platzierung von JavaScript -Code innerhalb des “Das Tag in einer HTML -Datei wird besprochen.

Beispiel

Das folgende Beispiel zeigt das angegebene Konzept:

Klick mich

In den obigen Codezeilen:

• Innerhalb der "Erstellen Sie ebenfalls eine Schaltfläche, die die Funktionsplatzierung () mit Hilfe der “aufgerufen hatONCLICK" Fall.
• Deklarieren Sie im JavaScript -Code -Block eine Funktion namens “PlacementJS ()”.
• Diese Funktion wird auf der Schaltfläche Klick aufgerufen und die angegebene Nachricht über eine Warnung angezeigt.

Ausgang

Ansatz 3: Platzierung von JavaScript als externe Datei

Dieser spezielle Ansatz beinhaltet die Platzierung eines JavaScript -Codeblocks als externe JS -Datei mit dem bestimmten Dateinamen mit einer Erweiterung.JS" im "src”Attribut.

Beispiel

Lassen Sie uns das folgende Beispiel durchlaufen:

Klick mich

Im obigen HTML -Code:

• Erinnern Sie sich an den besprochenen Ansatz zum Erstellen einer Taste, die zur JavaScript -Funktion umgeleitet wirdPlacementJS ()”.
• Integrieren Sie danach die JavaScript -Funktionen mit Hilfe einer externen JS -Datei, die mit dem angegebenen Dateinamen in der “verknüpft istsrc”Attribut.

Gehen wir mit dem untergegebenen JS-Code fort:

Funktionsplatzierungjs ()
ALERT ("Dies ist eine externe JavaScript -Datei"))

Im obigen Codeblock:

• Definieren Sie eine Funktion namens “PlacementJS ()”.
• Zeigen Sie in seiner Definition die angegebene Nachricht über Alarm auf die Schaltfläche an, die klicken.
• Dieser Ansatz wird das gleiche Ergebnis ergeben, indem sowohl die HTML- als auch die JavaScript -Dateien eingebettet werden.

Ausgang

Wir haben authentische Informationen zum Platzieren von JavaScript in eine HTML -Datei angeboten.

Abschluss

Die Platzierung von JavaScript in einer HTML -Datei kann in der “sein“”Tag, die“"Tag oder als extern"JS -Datei"Indem Sie das angeben"src”. Der JavaScript -Code wirkt genauso, wenn er in einem der angegebenen Tags platziert wird. Das Platzieren von JavaScript als externe JS-Datei hilft jedoch bei der Wiederverwendbarkeit von Code. Dieser Blog leitete sich auf die Platzierung von JavaScript in einer HTML -Datei.