运行 JS 的方法有：直接内联执行、使用外部 JS 文件、使用事件处理程序和使用 JavaScript 框架。最佳方法取决于脚本的大小、复杂性及项目需求。

如何运行 JS

JavaScript (JS) 是一种客户端脚本语言，用于增强网页的交互性和动态性。运行 JS 的方法有几种，本文将详细介绍每种方法。

直接在 HTML 中内联执行

最简单的方法是在 HTML 中直接内联 JS 代码。可以使用<script>标签将代码包裹起来，例如：

<code class="html"><script>
  console.log("Hello, world!");
</script></code>

此方法仅适用于小型脚本，不建议用于较大的项目。

使用外部 JS 文件

对于较大的脚本，可以将它们存储在单独的 JS 文件中。然后，可以使用<script src="script.js">标签将文件链接到 HTML。例如：

vue-composition-api-best-practices

Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。

下载

<code class="html"><script src="my-script.js"></script></code>

外部文件提供更好的代码组织和维护。

使用事件处理程序

事件处理程序会在页面发生特定事件时触发 JS 代码。例如，可以将 JS 函数分配给onclick事件，当用户单击元素时执行。例如：

<code class="html"><button onclick="myFunction()">Click me</button></code>

使用 JavaScript 框架

JavaScript 框架（例如 React、Angular 和 Vue）提供了更高级的功能和结构化的方法来运行 JS 代码。它们提供了称为组件的可重用代码块，以及用于管理状态和数据流的内置工具。

选择合适的方法

最佳方法取决于脚本的大小、复杂性和项目要求。对于小型脚本，内联执行可能就足够了。对于较大的脚本和需要组织和维护的脚本，建议使用外部文件。事件处理程序适合响应用户输入，而框架则适合构建复杂和交互式应用程序。