要连接外部 js 文件,请使用带有 src 属性的
如何使用 HTML 连接外部 JS 文件
引入外部 JS 文件
要将外部 JavaScript 文件连接到 HTML 文档,请使用 标签,并在
src
属性中指定 JavaScript 文件的路径:
<code class="html"><script src="path_to_javascript_file.js"></script>
选择放置 标签的位置
通常, 标签被放置在 HTML 文档的
部分的底部,以避免阻止页面呈现:
<code class="html">
... <!-- 网页内容 -->
<script src="path_to_javascript_file.js"></script>
多个外部 JS 文件
如果你需要连接多个外部 JS 文件,可以简单地在 部分中添加多个
标签:
<code class="html"><script src="path_to_file1.js"></script><script src="path_to_file2.js"></script><script src="path_to_file3.js"></script>
相对和绝对路径
src
属性可以包含相对路径(相对于 HTML 文件的位置)或绝对路径(以网站的根目录为起点):
-
相对路径:
js/main.js
-
绝对路径:
/path/to/javascript_file.js
其他属性
标签还可以包含其他属性,如:
- async:允许脚本异步加载,在页面呈现之前执行。
- defer:延迟执行脚本,直到文档解析完成。