Comment connecter HTML à js externe-tutoriel HTML-php.cn

Maison

interface Web

tutoriel HTML

Comment connecter HTML à js externe

Apr 11, 2024 am 06:25 AM

异步加载

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 HTML à js externe

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 文件的路径：

&lt;script src=&quot;path_to_javascript_file.js&quot;&gt;&lt;/script&gt;

Copier après la connexion

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

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

&lt;body&gt;
  ... <!-- 网页内容 -->

  &lt;script src=&quot;path_to_javascript_file.js&quot;&gt;&lt;/script&gt;
</body>

Copier après la connexion

多个外部 JS 文件

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

&lt;script src=&quot;path_to_file1.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;path_to_file2.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;path_to_file3.js&quot;&gt;&lt;/script&gt;

Copier après la connexion

相对和绝对路径

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!

Déclaration de ce site Web

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