用 引入外部js文件,src路径需正确且标签内必须为空;推荐加 type="module" 启用es模块,依赖dom时用 defer 或置于 前。

怎么用 <script></script> 标签引入外部 JS 文件
HTML5 里加源代码,最常见就是引入外部 JavaScript 文件。关键不是“能不能”,而是src 属性必须写对路径,且不能和内联脚本混用内容体。
常见错误现象:<script src="main.js">console.log('hi');</script> —— 这样写,console.log 不会执行,浏览器会忽略标签内的所有文本内容。
-
src存在时,<script></script>标签内部必须为空(或仅留注释) - 路径支持相对路径(如
./js/app.js)、绝对路径(/assets/script.js)、完整 URL(https://cdn.jsdelivr.net/npm/vue@3.4.21/dist/vue.global.js) - 建议加
type="module"来启用 ES 模块语法(否则import会报错) - 如果脚本依赖 DOM,记得加
defer或放在










