Sobald Sie die Software installiert haben, können Sie JavaScript-Code schreiben. Um einem HTML-Dokument JavaScript-Code hinzuzufügen, müssen Sie eine HTML-Datei mit Ihrem Text- / HTML-Editor erstellen oder öffnen. Eine einfache HTML-Datei enthält einen docType und einige grundlegende HTML-Tags wie und. Ein einfaches HTML 5-Dokument könnte beispielsweise so aussehen, wie es unten gezeigt wird.
JavaScript testen [Inhalt geht hier]
Wenn Sie JavaScript-Code im Web sehen, wird manchmal JavaScript-Code zwischen den Tags angezeigt. Oder Sie können es in den Tags (oder sogar an beiden Stellen) sehen. Um JavaScript-Code von HTML-Code zu trennen, müssen Sie ihn in eine Reihe von Tags einschließen. Das Eröffnungs-Tag hat ein erforderliches Attribut und ein optionales Attribut. Das erforderliche Attribut ist das Typattribut, während das optionale Attribut src ist (mit dem Sie auf eine externe Skriptdatei verweisen können, die später in dieser Antwort behandelt wird). Der Wert des type-Attributs wird auf text / javascript festgelegt (siehe unten).
Ihr JavaScript-Code wird hier angezeigt.
Wie Sie sehen, wird Ihr JavaScript-Code zwischen den öffnenden und schließenden Skript-Tags platziert. Als Beispielskript können Sie eine einfache Textzeichenfolge direkt auf der Webseite schreiben, wie im folgenden Code gezeigt (platzieren Sie diese zwischen den Tags und):
document.write ("Text wurde mit JavaScript-Code geschrieben!");
Im obigen Beispiel wird die Standard-JavaScript-Funktion verwendet, um Text zwischen den Anführungszeichen auf der Seite anzuzeigen. Es würde wie im Beispiel unten aussehen.
Eine weitere Möglichkeit, JavaScript auf einer Seite einzufügen, besteht darin, das Skript in einer externen Textdatei zu erstellen und es mit der Erweiterung .js zu speichern (wodurch eine JavaScript-Datei erstellt wird). Die .js-Datei wird dann mithilfe des Attributs src des öffnenden Skript-Tags in die Seite eingefügt. Wenn Sie also das obige Skript verwenden möchten, indem Sie es in einer externen Datei ablegen, würden Sie den JavaScript-Code (ohne die Skript-Tags) in eine neue Textdatei einfügen (siehe unten):
document.write ("Text wurde mit JavaScript-Code geschrieben!");
Sie würden dann die Datei mit der Erweiterung .js speichern. Sie können es beispielsweise als write.js speichern . Nachdem die Datei gespeichert wurde, können Sie sie vom HTML-Code aus über das Attribut src des öffnenden Skript-Tags aufrufen, wie unten für write.js gezeigt.
Das obige Verfahren hat dieselbe Wirkung wie das Schreiben des Codes zwischen den Skript-Tags, der HTML-Code wird jedoch nicht mit JavaScript-Code (der manchmal recht langwierig wird) überladen. Ein weiterer Vorteil dieser Methode besteht darin, dass dasselbe Skript auf mehreren Seiten enthalten sein kann. Durch das Bearbeiten der Skriptdatei wird das Skript auf jeder Seite aktualisiert, die die externe Skriptdatei verwendet. Dadurch wird die Bearbeitung des Skripts wesentlich einfacher, da es an einer Stelle ausgeführt werden kann (anstatt den Code innerhalb der Skript-Tags auf jeder Seite zu bearbeiten, die das Skript enthält).
Da Sie nun wissen, wie Sie JavaScript-Code zu einer Webseite hinzufügen, können Sie eine beliebige Anzahl von JavaScript-Beispielskripts verwenden oder einem JavaScript-Lernprogramm oder -Buch folgen, um mehr über die JavaScript-Codierung zu erfahren.