So importieren Sie JavaScript-Skriptdateien

Auf einer Webseite können Sie das Skript-Tag verwenden und das src-Attribut des Tags verwenden, um eine JavaScript-Skriptdatei einzuführen. Die Syntax lautet „

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JavaScript-Skriptdateien beziehen sich auf externe JavaScript-Dateien, die JavaScript-Code enthalten und die Erweiterung „.js“ haben.

Wenn Sie eine JavaScript-Skriptdatei einführen möchten, müssen Sie das Skript-Tag übergeben. Das grundlegende Syntaxformat lautet wie folgt:

Im obigen Format ist src das Attribut des Skript-Tags, das verwendet wird um den Pfad der externen Skriptdatei anzugeben. Wir können das Typattribut weglassen, das wie folgt abgekürzt werden kann:

Es ist zu beachten, dass beim Aufruf einer externen JavaScript-Datei JavaScript-Skriptcode direkt in die externe JavaScript-Datei geschrieben werden kann, ohne dass ein Einführungs-Tag geschrieben werden muss .

Wenn in der tatsächlichen Entwicklung eine große Menge JavaScript-Code mit komplexer Logik geschrieben werden muss, wird empfohlen, JavaScript (externer Linktyp) durch Einführung von JS-Skriptdateien zu verwenden. Im Vergleich zu eingebetteten können die Vorteile externer Links in den folgenden zwei Punkten zusammengefasst werden:

1) Förderlich für spätere Änderungen und Wartung

Eingebettet führt dazu, dass HTML- und JavaScript-Code miteinander vermischt werden, ohne dass externe Codeänderungen und -wartungen erforderlich sind Links Die Formel trennt die drei Teile des Codes, HTML, CSS und JavaScript, was spätere Änderungen und Wartung erleichtert.

2) Reduzieren Sie die Dateigröße und beschleunigen Sie das Laden der Seite.

Durch das Einbetten wird der gesamte verwendete JavaScript-Code in die HTML-Seite eingebettet, was die Größe der HTML-Datei erhöht und sich auf die Ladegeschwindigkeit der Webseite selbst sowie externer Links auswirkt Sie können Browser-Caching nutzen, um JavaScript-Skriptcodes wiederzuverwenden, die mehrfach verwendet werden müssen, was nicht nur die Dateigröße reduziert, sondern auch das Laden der Seite beschleunigt. Wenn beispielsweise dieselbe JavaScript-Datei in mehrere Seiten eingefügt wird, speichert der Browser die JavaScript-Datei nach dem Öffnen der ersten Seite im Cache. Wenn Sie das nächste Mal andere Seiten öffnen, die auf die JavaScript-Datei verweisen, muss der Browser die JavaScript-Datei nicht neu laden . Datei.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonSo importieren Sie JavaScript-Skriptdateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!