JavaScript 中的 script 元素是用于在 HTML 文档中嵌入 JavaScript 代码的文本元素。它主要用于添加交互功能、动态修改页面内容、响应用户交互和与服务器通信。script 元素具有 type 属性，用于指定脚本类型（对于 JavaScript，设置为 "text/javascript"）。外部脚本可以通过 src 属性引用，加载顺序可以通过 defer 或 async 属性进行控制。嵌入 JavaScript 代码的优点包括轻松添加交互功能，与 HTML 文件集成良好

JavaScript 中的 Script

在 JavaScript 中，script 是一个 HTML 元素，用于定义客户端执行的脚本代码。它是一种包含 JavaScript 代码片段的文本元素，可以放置在 HTML 文档的 <head> 或 <body> 部分中。

用途

script 元素的主要目的是允许开发者在 HTML 文档中嵌入 JavaScript 代码。通过引用外部脚本文件或直接在 script 元素内编写代码，JavaScript 脚本可以执行各种操作，例如：

• 动态修改 HTML 页面内容
• 响应用户交互（例如，单击事件）
• 与服务器进行异步通信
• 创建交互式界面元素

语法

一个基本的 script 元素如下所示：

<code class="html"><script>
  // JavaScript 代码
</script></code>

类型属性

script 元素具有一个重要的属性，称为 type，用于指定脚本的类型。对于 JavaScript 脚本，type 属性设置为 "text/javascript"：

<code class="html"><script type="text/javascript">
  // JavaScript 代码
</script></code>

外部脚本

如果脚本代码较长或需要在多个页面中使用，可以将其移动到一个单独的外部文件（通常以 ".js" 为扩展名）。外部脚本通过使用 src 属性引用：

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

加载顺序

默认情况下，浏览器会按顺序加载 script 元素。这意味着 <head> 中的脚本将在 <body> 中的脚本之前加载。可以通过使用 defer 或 async 属性来异步加载脚本，这可以提高加载性能。

<code class="html"><script defer src="my_script.js"></script></code>

优点

使用 script 元素嵌入 JavaScript 代码有以下优点：

• 允许轻松添加交互功能和动态内容
• 与 HTML 文件集成良好
• 提供与 HTML 元素直接交互的能力