So führen Sie externe JS in HTML ein-HTML-Tutorial-php.cn

So führen Sie externe JS in HTML ein

下次还敢

Freigeben： 2024-04-11 06:18:32

Original

871 Leute haben es durchsucht

Um eine externe JS-Datei in HTML einzubinden, verwenden Sie das <script>-Tag und geben Sie die URL der zu ladenden Datei an. Sie können auch Typ-, Verzögerungs- oder Asynchronattribute angeben, um zu steuern, wie das Laden und die Ausführung erfolgen. Normalerweise sollte das <script>-Tag am Ende des <body>-Tags platziert werden, um ein Blockieren der Seitendarstellung zu vermeiden.

So führen Sie externe JS in HTML ein

So führen Sie externe JS-Dateien in HTML ein

Die Einführung externer JS-Dateien in HTML ist eine gängige Praxis, die es Ihnen ermöglicht, JavaScript-Code in separaten Dateien zu organisieren und ihn einfach auf mehrere Seiten zu verteilen und diese wiederzuverwenden. So importieren Sie externe JS-Dateien:

Verwenden Sie das Tag <script> <script> 标签

使用 <script> 标签来引入外部 JS 文件。该标签的 src 属性指定要加载的脚本文件的 URL：

<code class="html"><script src="path/to/script.js"></script></code>

Nach dem Login kopieren

指定 type 属性（可选）

为了明确地指定正在加载的文件类型，您可以使用 type 属性：

<code class="html"><script src="path/to/script.js" type="text/javascript"></script></code>

Nach dem Login kopieren

指定 defer 或 async 属性（可选）

defer 和 async 属性用于控制脚本加载和执行的方式：

defer：表明脚本可以在页面解析完成后加载，但会在 DOMContentLoaded 事件触发之前执行。
async：表明脚本可以异步加载并执行，不受页面解析或 DOMContentLoaded 事件的影响。

<code class="html"><script src="path/to/script.js" defer></script>
<script src="path/to/script.js" async></script></code>

Nach dem Login kopieren

放置 <script> 标签

通常，<script> 标签应放置在 HTML 文档的 <body> 部分的底部，以避免阻塞页面渲染。这样做可以确保所有 HTML 元素都在加载脚本之前被解析。

加载多个脚本（可选）

要加载多个外部 JS 文件，只需在 <head> 或 <body> 部分中添加额外的 <script> 标签即可。

注意：

确保外部 JS 文件的 URL 正确且脚本文件可访问。
脚本文件应该以 .js
Verwenden Sie das Tag <script>, um externe Dateien zu importieren JS-Dateien. Das Attribut src dieses Tags gibt die URL der zu ladenden Skriptdatei an:

type

defer code> oder async

defer

async

defer

async

<script>

🎜Normalerweise sollte das Tag <script> verwendet werden am Ende des Abschnitts <body> des HTML-Dokuments platziert werden, um das Rendern der Seite nicht zu blockieren. Dadurch wird sichergestellt, dass alle HTML-Elemente analysiert werden, bevor das Skript geladen wird. 🎜

🎜🎜Mehrere Skripte laden (optional)🎜🎜🎜Um mehrere externe JS-Dateien zu laden, fügen Sie einfach <head> oder <script>-Tag im Abschnitt code><body>. 🎜🎜🎜Hinweis: 🎜🎜

.js

Das obige ist der detaillierte Inhalt vonSo führen Sie externe JS in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!