使用script标签的src属性引入外部JS文件,可将JavaScript代码分离以提升维护性。通过相对或绝对路径指定js文件位置,推荐将script标签置于前以避免阻塞渲染,并可结合defer或async属性优化加载时机,确保脚本正确执行。

在HTML中引入外部JavaScript脚本,主要通过标签的src属性来实现。这种方式可以将JavaScript代码与HTML结构分离,便于维护和复用。
使用 script 标签引入外部JS文件
将JavaScript代码保存为以.js为扩展名的文件(例如:script.js),然后在HTML文件中使用标签引入:
其中,src属性指定外部脚本文件的路径,可以是相对路径或绝对路径。
路径写法示例
根据JS文件的位置,路径写法有所不同:
立即学习“Java免费学习笔记(深入)”;
- 同一目录下:
- 子文件夹中(如js文件夹):
- 上级目录中:
- 网络地址(CDN):
放置位置建议
为了提升页面加载速度,推荐将标签放在











