Wie Sie JavaScript in eine JS-Datei konvertieren

September 4

Als Webentwickler können JavaScript direkt in ein HTML-Dokument einbetten oder das JavaScript in eine JS-Datei umwandeln. Verschieben des JS-Codes in eine externe Datei hat mehrere Vorteile. Dadurch, dass alle JavaScript-Funktionen in einer separaten Datei, können Sie HTML-Dokument diese Funktionen des Dokuments zur Verfügung stellen eine einzige Codezeile hinzufügen. JavaScript in einer externen Datei zu halten hält auch Ihren HTML-Code, organisierte und gut lesbar, vor allem, wenn Ihr JavaScript viele Funktionen enthält. Konvertieren von JavaScript in eine JS-Datei erfordert nur ein paar Copy-and-Paste-Vorgänge.

Anweisungen

1 Starten Sie Editor, und öffnen Sie ein HTML-Dokument, JavaScript-Code enthält.

2 Suchen Sie diesen Code. Er steht zwischen zwei HTML-Script-Tags ähnlich dem folgenden Beispiel:

< Skript >Alert ('Dies ist JavaScript-Code');< / script >

Der Text zwischen diesen Tags--"Alert ('Dies ist JavaScript-Code")"--ist der Code, den Sie auf eine externe JS-Datei in diesem Beispiel verschieben würde.

3 Markieren Sie den Code, der zwischen den beiden Script-Tags angezeigt, die in Ihrem Dokument angezeigt werden. Mit der rechten Maustaste des markierten Texts, und klicken Sie auf "Schneiden", um den Text aus dem Dokument ausschneiden und kopieren Sie sie in die Windows-Zwischenablage.

4 Starten einer anderen Instanz von Editor. Editor wird ein neues Dokument angezeigt. Maustaste auf das Dokument, und klicken Sie auf "Einfügen", um den JavaScript-Code einfügen, die, den Sie kopiert.

5 Drücken Sie "Strg" und "S", um das Fenster Speichern unter zu öffnen. Geben Sie im Textfeld Dateiname einen Namen für die JS-Datei. Fügen Sie "js" an das Ende des Dateinamens. Zum Beispiel wollen Sie die Datei "JS1" benennen, hängen Sie "js" an das Ende dieses Namens, sodass er wie folgt lautet:

JS1.js

6 Klicken Sie auf "Speichern", um die Datei zu speichern. Auf die anderen Editor-Instanz, die Ihr HTML-Dokument enthält zurück. Fügen Sie den folgenden Code in den Head-Abschnitt des Dokuments:

< Skriptsprache "JavaScript" Src = "JS-Datei Namen hier einfügen" = >< / script >

"JS-Datei Namen hier einfügen" ersetzen Sie durch den Namen der JS-Datei, die Sie gespeichert. Wenn Sie Ihr HTML-Dokument in einem Browser anzeigen, wird das Dokument in der externen JS-Datei gespeicherten JavaScript-Code verwenden.

Tipps & Warnungen

  • Fügen Sie als viele externe JavaScript-Dateien in Ihrem HTML Dokument, wie Sie möchten. Viele Websites tun. Durch mehrere externe JS-Dateien erstellen, können Sie ähnliche JavaScript-Funktionen zusammenfassen und fügen sie nur bei Bedarf zu HTML-Dokumenten, die Funktionalität bieten sie erfordern.

SIE KÖNNEN AUCH GERNE