HTML5 <script>标签
定义和用法
<script> 标签用于定义客户端脚本,比如 JavaScript。
script 元素既可包含脚本语句,也可以通过 "src" 属性指向外部脚本文件。
JavaScript 通常用于图像操作、表单验证以及动态内容更改。
实例
通过 JavaScript 输出 "Hello world":
<script type="text/javascript">
document.write("Hello World!")</script>
浏览器支持
所有主流浏览器都支持 <script> 标签。
HTML 4.01 与 HTML 5 之间的差异
在 HTML 4 中,"type" 属性是必需的,但在 HTML5 中是可选的。
"async" 是 HTML5 中的新属性。
HTML5 中不再支持 HTML 4.01 中的某些属性。
提示和注释
注释:如果使用 "src" 属性,则 <script> 元素必须是空的。
注释:有多种执行外部脚本的方法:
- 如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
- 如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
- 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本
属性
new : HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
async | async | 规定异步执行脚本(仅适用于外部脚本)。 |
defer | defer | 规定当页面已完成解析后,执行脚本(仅适用于外部脚本)。 |
type | MIME_type | 规定脚本的 MIME 类型。 |
charset | character_set | 规定在脚本中使用的字符编码(仅适用于外部脚本)。 |
src | URL | 规定外部脚本的 URL。 |
xml:space | preserve | HTML5 中不支持。 |
全局属性
<script> 标签支持 HTML 5 中的全局属性。
事件属性
<script> 标签支持 HTML 5 中的事件属性。