Wir können eine externe JavaScript-Datei erstellen und diese in viele HTML-Seiten einbetten.
Es bietet Wiederverwendbarkeit des Codes weil eine einzelne JavaScript-Datei in mehreren HTML-Seiten verwendet werden kann.
Eine externe JavaScript-Datei muss mit der Erweiterung .js gespeichert werden. Es wird empfohlen, alle JavaScript-Dateien in eine einzige Datei einzubetten. Es erhöht die Geschwindigkeit der Webseite.
Lassen Sie uns ein externes erstellen JavaScript Datei, die „Hallo Javatpoint“ in einem Warndialogfeld ausgibt.
message.js
function msg(){ alert('Hello Javatpoint'); }
Fügen wir die JavaScript-Datei in die HTML-Seite ein. Es nennt die JavaScript-Funktion beim Klicken auf die Schaltfläche.
index.html
Willkommen bei JavaScript
Vorteile von externem JavaScript
Wenn ein Benutzer ein externes Javascript erstellt, ergeben sich folgende Vorteile:
- Es hilft bei der Wiederverwendbarkeit von Code in mehr als einer HTML-Datei.
- Es ermöglicht eine einfache Lesbarkeit des Codes.
- Es ist zeiteffizient, da Webbrowser die externen JS-Dateien zwischenspeichern, was die Ladezeit der Seite weiter verkürzt.
- Es ermöglicht sowohl Webdesignern als auch Programmierern, parallel und getrennt mit HTML- und JS-Dateien zu arbeiten, d. h. ohne Codekonflikte zu erleiden.
- Die Länge des Codes verringert sich, da wir nur den Speicherort der js-Datei angeben müssen.
Nachteile von externem JavaScript
Es gibt folgende Nachteile externer Dateien:
- Der Dieb kann den Code des Codierers mithilfe der URL der JS-Datei herunterladen.
- Wenn zwei js-Dateien voneinander abhängig sind, kann ein Fehler in einer Datei die Ausführung der anderen abhängigen Datei beeinträchtigen.
- Der Webbrowser muss eine zusätzliche HTTP-Anfrage stellen, um den JS-Code abzurufen.
- Eine kleine bis große Änderung im js-Code kann zu unerwarteten Ergebnissen in allen abhängigen Dateien führen.
- Wir müssen jede Datei überprüfen, die von der häufig erstellten externen Javascript-Datei abhängt.
- Wenn es sich um ein paar Codezeilen handelt, ist es besser, den internen Javascript-Code zu implementieren.