HTML <script> 标签
示例
使用 JavaScript 写入 "Hello JavaScript!"
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
自己试一试 »
定义和用法
The <script> 标签用于嵌入客户端脚本（JavaScript）。
The <script> 元素包含脚本语句，或通过 src 属性指向外部脚本文件。
JavaScript 的常见用途包括图像操作、表单验证和动态内容更改。
提示和注意事项
提示： 也可以查看 <noscript> 元素，适用于在浏览器中禁用了脚本或浏览器不支持客户端脚本的用户。
提示： 如果想了解更多关于 JavaScript 的知识，请访问我们的 JavaScript 教程.
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <script> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| 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 | scripttype | 指定脚本的媒体类型 |
HTML 和 XHTML 之间的差异
在 XHTML 中，脚本内的内容被声明为 #PCDATA（而不是 CDATA），这意味着实体将被解析。
这意味着在 XHTML 中，所有特殊字符都应该被编码，或者所有内容都应该被包裹在 CDATA 部分内
<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
全局属性
The <script> 标签还支持 HTML 中的全局属性.
相关页面
HTML 教程: HTML 脚本
HTML DOM 参考: 脚本对象
JavaScript 教程: 学习 JavaScript
默认 CSS 设置
大多数浏览器会使用以下默认值显示 <script> 元素
script {
display: none;
}
