logo

Externe JavaScript-Datei

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:

  1. Es hilft bei der Wiederverwendbarkeit von Code in mehr als einer HTML-Datei.
  2. Es ermöglicht eine einfache Lesbarkeit des Codes.
  3. Es ist zeiteffizient, da Webbrowser die externen JS-Dateien zwischenspeichern, was die Ladezeit der Seite weiter verkürzt.
  4. Es ermöglicht sowohl Webdesignern als auch Programmierern, parallel und getrennt mit HTML- und JS-Dateien zu arbeiten, d. h. ohne Codekonflikte zu erleiden.
  5. 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:

  1. Der Dieb kann den Code des Codierers mithilfe der URL der JS-Datei herunterladen.
  2. Wenn zwei js-Dateien voneinander abhängig sind, kann ein Fehler in einer Datei die Ausführung der anderen abhängigen Datei beeinträchtigen.
  3. Der Webbrowser muss eine zusätzliche HTTP-Anfrage stellen, um den JS-Code abzurufen.
  4. Eine kleine bis große Änderung im js-Code kann zu unerwarteten Ergebnissen in allen abhängigen Dateien führen.
  5. Wir müssen jede Datei überprüfen, die von der häufig erstellten externen Javascript-Datei abhängt.
  6. Wenn es sich um ein paar Codezeilen handelt, ist es besser, den internen Javascript-Code zu implementieren.