Heim  >  Artikel  >  Web-Frontend  >  So verbinden Sie HTML mit externem JS

So verbinden Sie HTML mit externem JS

下次还敢
下次还敢Original
2024-04-11 06:25:551174Durchsuche

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>

选择放置 <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

    Wählen Sie, wo das <script>-Tag platziert werden soll
  • Normalerweise <script> Das -Tag wird am Ende des <body>-Abschnitts des HTML-Dokuments platziert, um ein Blockieren der Seitenwiedergabe zu vermeiden:
  • rrreee
  • 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn