suchen

Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie externe Javascript-Dateien

So verwenden Sie externe Javascript-Dateien

PHPz
PHPzOriginal
2023-05-20 20:29:351728Durchsuche

In der modernen Webentwicklung ist JavaScript (kurz JS) zu einem unverzichtbaren Bestandteil geworden. JS kann nicht nur dynamische Effekte auf Webseiten erzielen, sondern auch die Modularisierung und Wiederverwendung von Code durch externe JavaScript-Dateien erleichtern. In diesem Artikel wird erläutert, wie Sie externe JavaScript-Dateien verwenden und welche Vorteile die Verwendung externer JavaScript-Dateien bietet.

Zuerst müssen wir verstehen, was eine externe JavaScript-Datei ist. Unter externen JavaScript-Dateien versteht man das Speichern von JS-Code in einer separaten JavaScript-Datei und das Einfügen in HTML über das Tag 3f1c4e4b6b16bbbd69b2ee476dc4f83a. Externe JS-Dateien haben separate Dateipfade und Dateinamen und Referenzen können über mehrere HTML-Seiten hinweg gemeinsam genutzt werden. 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签来引入。外部 JS 文件具有单独的文件路径和文件名，并且可以在多个 HTML 页面中共享引用。

接下来，我们来看看如何使用外部 JavaScript 文件。

第一步：创建外部 JavaScript 文件
使用外部 JavaScript 文件，需要先创建一个独立的 .js 文件。你可以通过任何编辑器来创建文件，例如 Notepad 或 Sublime Text。在文件中编写你的 JS 代码，并将文件保存为一个独立的 JS 文件，例如 myscript.js。

第二步：在 HTML 中引入外部 JavaScript 文件
在 HTML 文件中引入外部 JavaScript 文件，需要使用 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签。标签中有两个属性：src 和 type。src 属性用于指定 JS 文件的路径，type 属性用于指定 JS 文件的类型，通常设置为 text/javascript。以下是引入外部 JavaScript 文件的代码示例：

<!DOCTYPE html>
<html>
<head>
  <script src="myscript.js" type="text/javascript"></script>
</head>
<body>

</body>
</html>

以上代码将在 HTML 的 93f0f5c25f18dab9d176bd4f6de5d30e 标签中引入了名为 myscript.js

Als nächstes werfen wir einen Blick auf die Verwendung externer JavaScript-Dateien.


Schritt eins: Erstellen Sie eine externe JavaScript-Datei.

Um eine externe JavaScript-Datei zu verwenden, müssen Sie zunächst eine unabhängige .js-Datei erstellen. Sie können Dateien mit jedem Editor erstellen, z. B. Notepad oder Sublime Text. Schreiben Sie Ihren JS-Code in eine Datei und speichern Sie die Datei als eigenständige JS-Datei, z. B. myscript.js.
  1. Schritt 2: Externe JavaScript-Dateien in HTML einbinden
    Um externe JavaScript-Dateien in HTML-Dateien einzuführen, müssen Sie das Tag 3f1c4e4b6b16bbbd69b2ee476dc4f83a verwenden. Das Tag enthält zwei Attribute: src und type. Das Attribut src wird verwendet, um den Pfad der JS-Datei anzugeben, und das Attribut type wird verwendet, um den Typ der JS-Datei anzugeben, der normalerweise auf text gesetzt ist /javascript. Das Folgende ist ein Codebeispiel, das eine externe JavaScript-Datei einführt:
    2. rrreee
  2. Der obige Code führt eine Datei mit dem Namen myscript.js im <code>93f0f5c25f18dab9d176bd4f6de5d30e-Code ein > Tag des HTML-Codes > externe JavaScript-Datei. Auf diese Weise wird beim Laden des HTML auch die JS-Datei geladen und der darin enthaltene Code ausgeführt. <br>
    3. Nutzenanalyse: Vorteile der Verwendung externer JavaScript-Dateien
  3. Werfen wir nun einen Blick auf die Vorteile der Verwendung externer JavaScript-Dateien.
Wartbarkeit des Codes verbessern

Durch die Aufteilung des JS-Codes in unabhängige Dateien kann der Code strukturierter und einfacher zu warten sein. Wenn Sie den Code ändern möchten, müssen Sie nur eine separate Datei ändern, anstatt den Code in jeder HTML-Datei zu ändern.

Erleichtert die Wiederverwendung von Code#🎜🎜#Wenn Sie mehrere HTML-Dateien haben, die denselben JS-Code verwenden müssen, kann die Wiederverwendung von Code durch die Verwendung externer JavaScript-Dateien problemlos erreicht werden. Führen Sie einfach dieselbe JS-Datei in verschiedene HTML-Dateien ein. #🎜🎜##🎜🎜#Code-Ladezeit reduzieren#🎜🎜#Die Verwendung externer JS-Dateien kann die Größe von HTML-Dateien reduzieren und dadurch die Seitenladezeit verkürzen. Da JS-Dateien zwischengespeichert werden können und mehrere HTML-Seiten auf dieselbe JS-Datei verweisen, wird die JS-Datei beim Laden der ersten Seite bereits zwischengespeichert, sodass die Datei bei nachfolgenden Seitenladevorgängen nicht erneut heruntergeladen wird. #🎜🎜##🎜🎜##🎜🎜#Zusammenfassung#🎜🎜#In diesem Artikel haben wir gelernt, wie man externe JavaScript-Dateien verwendet und welche Vorteile die Verwendung externer JavaScript-Dateien bietet. Bei größeren Projekten kann die Verwendung externer JavaScript-Dateien den Code strukturierter machen, die Wartung und Wiederverwendung erleichtern und auch dazu beitragen, die Seitenladezeiten zu verkürzen. Daher ist es notwendig, externe JavaScript-Dateien im Projekt zu verwenden. Es wird empfohlen, den JavaScript-Code so weit wie möglich zu modularisieren, um den Code besser verwalten und warten zu können. #🎜🎜#

Das obige ist der detaillierte Inhalt vonSo verwenden Sie externe Javascript-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html JS sublime text
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Kann Javascript Plug-Ins schreiben?Nächster Artikel：Kann Javascript Plug-Ins schreiben?

In Verbindung stehende Artikel

Mehr sehen