html如何引用js

如何引用 javascript？内联脚本元素：使用 元素将 javascript 代码嵌入 html。外部脚本文件：通过 元素引用外部 javascript 文件。

如何在 HTML 中引用 JavaScript

引用 JavaScript 有两种主要方法：

内联脚本元素

使用 <script> 元素将 JavaScript 代码直接嵌入 HTML 页面。</script>

立即学习“前端免费学习笔记（深入）”；

<script>
  // JavaScript 代码
</script>

内联脚本在加载 HTML 页面时执行，使之成为快速响应交互事件的合适选择。但是，它可以使代码难以阅读和维护。

外部脚本文件

通过 <script> 元素引用外部 JavaScript 文件。</script>

<script src="script.js"></script>

外部脚本文件允许您将 JavaScript 代码组织到单独的文件中，从而提高可维护性和可重用性。它们在加载 HTML 页面后执行，因此它们不适合即时响应交互。

最佳实践

• 对于少量简单代码，使用内联脚本。
• 对于大型或复杂的脚本，使用外部脚本文件。
• 将 JavaScript 代码置于 元素的底部，以避免阻塞页面加载。
• 使用 defer 或 async 属性异步加载外部脚本。