如何引用 JavaScript？内联脚本元素：使用 <script> 元素将 JavaScript 代码嵌入 HTML。外部脚本文件：通过 <script> 元素引用外部 JavaScript 文件。
如何在 HTML 中引用 JavaScript
引用 JavaScript 有两种主要方法：
内联脚本元素
使用 <script> 元素将 JavaScript 代码直接嵌入 HTML 页面。
立即学习“前端免费学习笔记（深入）”；
<code class="html"><script> // JavaScript 代码 </script></code>
内联脚本在加载 HTML 页面时执行，使之成为快速响应交互事件的合适选择。但是，它可以使代码难以阅读和维护。
外部脚本文件
通过 <script> 元素引用外部 JavaScript 文件。
<code class="html"><script src="script.js"></script></code>
外部脚本文件允许您将 JavaScript 代码组织到单独的文件中，从而提高可维护性和可重用性。它们在加载 HTML 页面后执行，因此它们不适合即时响应交互。
最佳实践
- 对于少量简单代码，使用内联脚本。
- 对于大型或复杂的脚本，使用外部脚本文件。
- 将 JavaScript 代码置于
<body>元素的底部，以避免阻塞页面加载。 - 使用
defer或async属性异步加载外部脚本。
