HTML <script> 标签

定义和用法

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

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

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

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

注释:script 元素所属类型因其用法而已。位于 head 元素中的 script 元素属于元数据元素,位于其他元素(如 bodysection)中的则属于短语元素。

另请参阅:

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
支持 支持 支持 支持 支持