html5怎么加源代码_html5引入源代码的方法【实操】

用 引入外部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 或放在