Heim > Artikel > Web-Frontend > So verbinden Sie HTML mit externem JS
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 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
<script>
-Tag platziert werden soll <script> Das
-Tag wird am Ende des <body>
-Abschnitts des HTML-Dokuments platziert, um ein Blockieren der Seitenwiedergabe zu vermeiden: <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!