HTML <script> 标签

定义和用法

<script> 标签用于嵌入客户端脚本。

<script> 元素要么包含脚本语句，要么通过 src 属性 指向外部脚本文件。

最常用的脚本类型是 JavaScript，不过浏览器也的确支持一些别的脚本语言。

JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。

注释：script 元素所属类型因其用法而已。位于 head 元素中的 script 元素属于元数据元素，位于其他元素（如 body 或 section）中的则属于短语元素。

另请参阅：

HTML 教程：HTML 脚本

HTML DOM 参考手册：Script 对象

JavaScript 教程：学习 JavaScript

实例

例子 1：定义文档内嵌脚本

使用 JavaScript 写入 "Hello JavaScript!"：

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

亲自试一试

例子 2：载入外部脚本库

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

亲自试一试

提示和注释

提示：针对禁用脚本或不支持脚本的浏览器，另请参阅 <noscript> 元素。

提示：如果您想学习有关 JavaScript 的更多内容，请访问我们的 JavaScript 教程。

属性

属性 值 描述
async async 规定脚本在解析页面的同时进行并行下载，并在可用时立即执行（在解析完成之前）（仅适用于外部脚本）。
crossorigin
  • anonymous
  • use-credentials
 将请求的模式设置为 HTTP CORS 请求。
defer defer 规定脚本在解析页面的同时进行并行下载，并在页面完成解析后执行（仅适用于外部脚本）。
integrity filehash 允许浏览器检查获取的脚本，以确保如果源代码被篡改，代码永远不会被加载。
nomodule
  • True
  • False
 规定脚本不应在支持 ES2015 模块的浏览器中执行。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 规定在获取脚本时发送哪些引用者信息。
src URL 规定外部脚本文件的 URL。
type 脚本类型 规定脚本的媒体类型。

HTML 和 XHTML 之间的差异

在 XHTML 中，脚本内的内容被声明为 #PCDATA（而不是 CDATA），这意味着实体将被解析。

这意味着在 XHTML 中，所有特殊字符都应该被编码，或者所有内容应该被包裹在 CDATA 部分中：

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

全局属性

<script> 标签还支持 HTML 中的全局属性。

默认的 CSS 设置

大多数浏览器将显示具有以下默认值的 <script> 元素：

script {
  display: none;
}

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持