HTML <script> 标签
示例
用 JavaScript 编写 "Hello JavaScript!"
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
自己动手试一试 »
定义和用法
<script> 标签用于嵌入客户端脚本 (JavaScript)。
<script> 元素要么包含脚本语句，要么通过 src 属性指向外部脚本文件。
JavaScript 的常见用途是图像处理、表单验证和内容的动态更改。
提示和注释
提示： 对于在浏览器中禁用脚本或浏览器不支持客户端脚本的用户，还可以查看 <noscript> 元素。
提示： 如果您想了解更多关于 JavaScript 的信息，请访问我们的 JavaScript 教程。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <script> | 是 | 是 | 是 | 是 | 是 |
属性
| Attribute | 值 | 描述 |
|---|---|---|
| async | async | 指定脚本与页面解析并行下载，并在可用时立即执行（在解析完成之前）（仅适用于外部脚本） |
| crossorigin | anonymous use-credentials |
将请求模式设置为 HTTP CORS 请求 |
| defer | defer | 指定脚本与页面解析并行下载，并在页面解析完成后执行（仅适用于外部脚本） |
| integrity | 文件哈希 | 允许浏览器检查获取的脚本，以确保如果源已被篡改，则绝不会加载代码 |
| 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[
let i = 10;
if (i < 5) {
// 一些代码
}
//]]>
</script>
全局属性
<script> 标签还支持 HTML 中的全局属性。
相关页面
HTML 教程：HTML 脚本
HTML DOM 参考：Script 对象
JavaScript 教程：学习 JavaScript
默认 CSS 设置
大多数浏览器将使用以下默认值显示 <script> 元素
脚本 {
display: none;
}
