【html引用js的三种方法】在网页开发中，JavaScript（简称JS）是实现页面交互功能的重要工具。而如何在HTML页面中正确引入JavaScript代码，是前端开发的基础之一。以下是常见的三种HTML引用JS的方法，适合不同场景下的使用需求。
一、
1. 内联方式：将JavaScript代码直接写在HTML文件中，通常放在`<script>`标签内。这种方式适用于简单的脚本或调试阶段。
2. 内部方式：将JavaScript代码写在单独的`.js`文件中，并通过`<script>`标签的`src`属性引入到HTML页面中。这种方式有利于代码复用和维护。
3. 外部方式：使用CDN（内容分发网络）引入第三方JavaScript库，如jQuery、Vue等。这种方法可以加快加载速度并减少服务器负担。
这三种方式各有优劣，开发者可以根据项目规模和实际需求选择合适的引入方式。
二、表格对比
| 引入方式 | 写法示例 | 特点 | 适用场景 |
| 内联方式 | `<script>console.log("Hello World");</script>` | 代码直接嵌入HTML中，简单易用 | 小型项目、调试阶段 |
| 内部方式 | `<script src="script.js"></script>` | 代码保存在独立文件中，便于维护 | 中大型项目、团队协作 |
| 外部方式 | `<script src="https://cdn.example.com/jquery.js"></script>` | 使用CDN加载资源，提升性能 | 需要第三方库、优化加载速度 |
三、注意事项
- 内联方式虽然方便，但不利于代码管理和重用，建议仅用于小片段测试。
- 内部方式推荐将JavaScript文件放在`/js/`目录下，保持项目结构清晰。
- 外部方式需注意CDN的稳定性和安全性，避免引入不可靠的第三方资源。
通过合理选择JavaScript的引用方式，可以有效提升网页性能和开发效率。希望以上内容对你的学习和工作有所帮助！