Comment introduire du js externe en HTML-tutoriel HTML-php.cn

Comment introduire du js externe en HTML

下次还敢

Libérer： 2024-04-11 06:18:32

original

896 Les gens l'ont consulté

Pour inclure un fichier JS externe en HTML, utilisez la balise <script> et précisez l'URL du fichier à charger. Vous pouvez également spécifier des attributs de type, defer ou async pour contrôler la manière dont le chargement et l'exécution se produisent. En règle générale, la balise <script> doit être placée en bas de la section <body> pour éviter de bloquer le rendu de la page.

Comment introduire du js externe en HTML

Comment introduire du JS externe en HTML

L'introduction de fichiers JS externes en HTML est une pratique courante qui vous permet d'organiser le code JavaScript en fichiers séparés et de le répartir facilement sur plusieurs pages pour les réutiliser. Voici comment importer des fichiers JS externes :

Utilisez la balise <script> <script> 标签

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

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

Copier après la connexion

指定 type 属性（可选）

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

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

Copier après la connexion

指定 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>

Copier après la connexion

放置 <script> 标签

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

加载多个脚本（可选）

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

注意：

确保外部 JS 文件的 URL 正确且脚本文件可访问。
脚本文件应该以 .js
Utilisez la balise <script> pour importer des fichiers JS externes : Fichiers JS. L'attribut src de cette balise précise l'URL du fichier script à charger :

type

defer code> ou attribut <code>async

defer

async

defer

async

<script>

🎜Normalement, la balise <script> devrait être placé en bas de la section <body> du document HTML pour éviter de bloquer le rendu de la page. Cela garantit que tous les éléments HTML sont analysés avant le chargement du script. 🎜

🎜🎜Charger plusieurs scripts (facultatif)🎜🎜🎜Pour charger plusieurs fichiers JS externes, ajoutez simplement <head> ou <script> supplémentaire dans la section code><body>. 🎜🎜🎜Remarque : 🎜🎜

.js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!