Diese Anleitung veranschaulicht die Ansätze zum Platzieren von JavaScript in einer HTML-Datei.
Wo platziert man JavaScript in einer HTML-Datei?
Die Platzierung von JavaScript in einer HTML-Datei kann sein in:
Ansatz 1: Platzierung von JavaScript Within Tag in einer HTML-Datei
Bei diesem Ansatz ist die Platzierung des JavaScript-Teils des Codes innerhalb des „
Beispiel
Lassen Sie uns einen Überblick über die unten angegebene Demonstration geben:
< Kopf >
< Skripttyp = 'text/javascript' >
FunktionsplatzierungJs ( ) {
Alarm ( 'Die Platzierung von JavaScript befindet sich innerhalb des -Tags' )
}
Skript >
Kopf >
< Karosserie >
< Center >< Schaltfläche anklicken = 'placementJs()' > Klick mich Knopf > Center >
Karosserie >
Im obigen Code-Snippet:
- Fügen Sie den JavaScript-Teil des Codes in das „
” Tag mit Hilfe des “ ' Schild. - Definieren Sie im JS-Code eine Funktion namens „ PlatzierungJs() “. Zeigen Sie in seiner Definition die angegebene Nachricht über das Alarmdialogfeld an.
- Erstellen Sie schließlich im HTML-Code eine Schaltfläche mit einem „ anklicken ”-Ereignis, das beim Klicken auf die Schaltfläche zu der im vorherigen Schritt definierten Funktion umleitet.
Ausgabe
In der obigen Ausgabe ist ersichtlich, dass der JS-Code ordnungsgemäß funktioniert, indem Sie ihn in das „
Ansatz 2: Platzierung von JavaScript im -Tag in einer HTML-Datei
Bei diesem Ansatz ist die Platzierung von JavaScript-Code innerhalb des „
Beispiel
Das unten angegebene Beispiel veranschaulicht das angegebene Konzept:
< Karosserie >< Center >< Schaltfläche anklicken = 'placementJs()' > Klick mich Knopf > Center >
< Skripttyp = 'text/javascript' >
FunktionsplatzierungJs ( ) {
Alarm ( 'Die Platzierung von JavaScript befindet sich innerhalb des -Tags' )
}
Skript >
Karosserie >
In den obigen Codezeilen:
- Innerhalb der '
”-Tag erstellen Sie ebenfalls eine Schaltfläche, die die Funktion placementJs() mit Hilfe des „ anklicken ' Veranstaltung. - Deklarieren Sie im JavaScript-Codeblock eine Funktion namens „ PlatzierungJs() “.
- Diese Funktion wird beim Klicken auf die Schaltfläche aufgerufen und zeigt die angegebene Nachricht über eine Warnung an.
Ausgabe
Ansatz 3: Platzierung von JavaScript als externe Datei
Dieser spezielle Ansatz beinhaltet die Platzierung eines JavaScript-Codeblocks als externe JS-Datei mit dem jeweiligen Dateinamen und der Erweiterung „ .js ' in dem ' Quelle ” Attribut.
Beispiel
Gehen wir das folgende Beispiel durch:
< Karosserie >< Center >< Schaltfläche anklicken = 'placementJs()' > Klick mich Knopf > Center >
Karosserie >
< Skripttyp = 'text/javascript' Quelle = externe Datei. js > Skript >
Im obigen HTML-Code:
- Erinnern Sie sich an den besprochenen Ansatz zum Erstellen einer Schaltfläche, die auf die JavaScript-Funktion umleitet. PlatzierungJs() “.
- Anschließend binden Sie die JavaScript-Funktionalitäten mit Hilfe einer externen JS-Datei ein, die mit dem angegebenen Dateinamen im „ Quelle ” Attribut.
Fahren wir mit dem unten angegebenen JS-Code fort:
FunktionsplatzierungJs ( ) {Alarm ( 'Dies ist eine externe JavaScript-Datei' )
}
Im obigen Codeblock:
- Definieren Sie eine Funktion mit dem Namen „ PlatzierungJS() “.
- Zeigen Sie in seiner Definition die angegebene Nachricht per Alarm beim Klicken auf die Schaltfläche an.
- Dieser Ansatz liefert im Ergebnis das gleiche Ergebnis, indem sowohl die HTML- als auch die JavaScript-Dateien eingebettet werden.
Ausgabe
Wir haben authentische Informationen zum Platzieren von JavaScript in einer HTML-Datei angeboten.
Fazit
Die Platzierung von JavaScript in einer HTML-Datei kann im „