So verbinden Sie HTML mit externem JS-HTML-Tutorial-php.cn

So verbinden Sie HTML mit externem JS

下次还敢

Freigeben： 2024-04-11 06:25:55

Original

1173 Leute haben es durchsucht

Um externe JS-Dateien zu verbinden, verwenden Sie das <script>-Tag mit dem src-Attribut. Normalerweise wird dieses Tag am Ende von <body> platziert, um ein Blockieren des Renderings zu vermeiden. Es können mehrere <script>-Tags hinzugefügt werden, um mehrere externe JS-Dateien zu verbinden. Das src-Attribut kann einen relativen Pfad (relativ zur HTML-Datei) oder einen absoluten Pfad (ausgehend vom Stammverzeichnis) verwenden. Das Tag kann auch andere Attribute wie async (asynchrones Laden) und defer (verzögerte Ausführung) enthalten.

So verbinden Sie HTML mit externem JS

So verbinden Sie externe JS-Dateien mit HTML

Einführung in externe JS-Dateien

Um externe JavaScript-Dateien mit HTML-Dokumenten zu verbinden, verwenden Sie bitte das Tag <script> , Und geben Sie den Pfad zur JavaScript-Datei im Attribut src an: <script> 标签，并在 src 属性中指定 JavaScript 文件的路径：

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

Nach dem Login kopieren

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

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

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

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

Nach dem Login kopieren

多个外部 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>

Nach dem Login kopieren

相对和绝对路径

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

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

其他属性

<script>rrreee

<script>

Normalerweise <script> Das -Tag wird am Ende des <body>-Abschnitts des HTML-Dokuments platziert, um ein Blockieren der Seitenwiedergabe zu vermeiden:
Mehrere externe JS-Dateien

Wenn Sie mehrere externe JS-Dateien verbinden müssen, können Sie einfach mehrere <script>-Tags im Abschnitt <body> hinzufügen: 🎜rrreee🎜🎜Relativ und absolut paths🎜🎜🎜src-Attribut kann einen relativen Pfad (relativ zum Speicherort der HTML-Datei) oder einen absoluten Pfad (ausgehend vom Stammverzeichnis der Website) enthalten: 🎜🎜🎜🎜Relativer Pfad : 🎜js/main.js code>🎜🎜🎜Absoluter Pfad: 🎜<code>/path/to/javascript_file.js🎜🎜🎜🎜Andere Attribute🎜🎜🎜< script>-Tags können auch andere Attribute enthalten, wie zum Beispiel: 🎜🎜🎜🎜 async: 🎜 ermöglicht das asynchrone Laden und Ausführen von Skripten, bevor die Seite gerendert wird. 🎜🎜🎜aufschieben: 🎜Skriptausführung verzögern, bis die Dokumentenanalyse abgeschlossen ist. 🎜🎜

Das obige ist der detaillierte Inhalt vonSo verbinden Sie HTML mit externem JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!