Maison > Article > interface Web > Comment connecter HTML à js externe

Comment connecter HTML à js externe

下次还敢original: 2024-04-11 06:25:551092parcourir

Pour connecter des fichiers JS externes, utilisez la balise <script> avec l'attribut src. Généralement, cette balise est placée en bas de <body> pour éviter de bloquer le rendu. Plusieurs balises <script> peuvent être ajoutées pour connecter plusieurs fichiers JS externes. L'attribut src peut utiliser un chemin relatif (relatif au fichier HTML) ou un chemin absolu (à partir du répertoire racine). La balise peut également contenir d'autres attributs tels que async (chargement asynchrone) et defer (exécution différée).

Comment connecter des fichiers JS externes à l'aide de HTML

Présentation des fichiers JS externes

Pour connecter des fichiers JavaScript externes à des documents HTML, veuillez utiliser la balise <script> , Et précisez le chemin d'accès au fichier JavaScript dans l'attribut src : <script> 标签，并在 src 属性中指定 JavaScript 文件的路径：

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

选择放置 <script> 标签的位置

通常，<script> 标签被放置在 HTML 文档的 <body> 部分的底部，以避免阻止页面呈现：

<code class="html"><body>
  ... <!-- 网页内容 -->

  <script src="path_to_javascript_file.js"></script>
</body></code>

多个外部 JS 文件

如果你需要连接多个外部 JS 文件，可以简单地在 <body> 部分中添加多个 <script> 标签：

<code class="html"><script src="path_to_file1.js"></script>
<script src="path_to_file2.js"></script>
<script src="path_to_file3.js"></script></code>

相对和绝对路径

src 属性可以包含相对路径（相对于 HTML 文件的位置）或绝对路径（以网站的根目录为起点）：

相对路径：js/main.js
绝对路径：/path/to/javascript_file.js

其他属性

<script>rrreee

<script>

Normalement, <script> La balise est placée en bas de la section <body> du document HTML pour éviter de bloquer le rendu de la page :
Plusieurs fichiers JS externes

Si vous devez connecter plusieurs fichiers JS externes, vous pouvez simplement ajouter plusieurs balises <script> dans la section <body> : 🎜rrreee🎜🎜Relatif et absolu paths🎜🎜🎜src peut contenir un chemin relatif (relatif à l'emplacement du fichier HTML) ou un chemin absolu (à partir du répertoire racine du site) : 🎜🎜🎜🎜Chemin relatif : 🎜js/main.js code>🎜🎜🎜Chemin absolu : 🎜<code>/path/to/javascript_file.js🎜🎜🎜🎜Autres attributs🎜🎜🎜< script> Les balises peuvent également contenir d'autres attributs, tels que : 🎜🎜🎜🎜 async : 🎜 permet aux scripts d'être chargés de manière asynchrone et exécutés avant le rendu de la page. 🎜🎜🎜defer : 🎜Différer l'exécution du script jusqu'à ce que l'analyse du document soit terminée. 🎜🎜

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!

JavaScript html JS 异步

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment introduire du js externe en HTMLArticle suivant：Comment introduire du js externe en HTML

Articles Liés

Voir plus