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-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:
<script>
<script>
标签使用 <script>
标签来引入外部 JS 文件。该标签的 src
属性指定要加载的脚本文件的 URL:
<code class="html"><script src="path/to/script.js"></script></code>
type
属性(可选)为了明确地指定正在加载的文件类型,您可以使用 type
属性:
<code class="html"><script src="path/to/script.js" type="text/javascript"></script></code>
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>
<script>
标签通常,<script>
标签应放置在 HTML 文档的 <body>
部分的底部,以避免阻塞页面渲染。这样做可以确保所有 HTML 元素都在加载脚本之前被解析。
要加载多个外部 JS 文件,只需在 <head>
或 <body>
部分中添加额外的 <script>
标签即可。
注意:
.js
<script>
, um externe Dateien zu importieren JS-Dateien. Das Attribut src
dieses Tags gibt die URL der zu ladenden Skriptdatei an: type
an (optional). 🎜🎜🎜Um den Typ der zu ladenden Datei explizit anzugeben, können Sie das Attribut type
verwenden: 🎜rrreeedefer code> oder async
-Attribut (optional) 🎜🎜defer
und async
werden verwendet, um zu steuern, wie Skripte geladen werden und ausgeführt: 🎜defer
: Gibt an, dass das Skript nach Abschluss der Seitenanalyse geladen werden kann, aber ausgeführt wird, bevor das DOMContentLoaded-Ereignis ausgelöst wird. 🎜🎜async
: Zeigt an, dass das Skript asynchron geladen und ausgeführt werden kann und nicht von der Seitenanalyse oder DOMContentLoaded-Ereignissen betroffen ist. 🎜🎜rrreee<script>
🎜🎜<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. 🎜<head>
oder <script>-Tag im Abschnitt code><body>. 🎜🎜🎜Hinweis: 🎜🎜.js
enden. 🎜🎜Wenn Ihr Skript von anderen Skripten abhängt, stellen Sie sicher, dass Sie diese in der richtigen Reihenfolge laden. 🎜🎜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!