HTML5 <script> 标签
定义和用法
<script> 标签定义一段脚本,比如 JavaScript。
如果 async 属性为 true,则脚本会相对于文档的其余部分异步执行,这样脚本会可以在页面继续解析的过程中来执行。
如果 async 属性为 false,而 defer 属性为 true,则脚本会在页面完成解析时得到执行。
如果 async 和 defer 属性均为 false,那么脚本会立即执行,页面会在脚本执行完毕继续解析。
HTML 4.01 与 HTML5 之间的差异
在 HTML5 中,有一些新属性,同时不再支持 HTML 4.01 中的一些属性。
提示和注释
提示:如果存在 src 属性,则 <script> 标签必须是空的。
例子
<script type="text/javascript">
document.write("Hello World!")</script>
属性
属性 | 值 | 描述 | 4 | 5 |
---|---|---|---|---|
async |
|
定义脚本是否异步执行。 | 5 | |
type |
|
指示脚本的 MIME 类型。 | 4 | 5 |
charset | charset | 定义脚本中使用的字符编码。不支持。 | 4 | |
defer |
|
指示脚本不会生成任何的文档内容。浏览器可以继续解析并绘制页面。 | 4 | 5 |
language |
|
规定脚本语言。不赞成使用。请使用 type 属性代替它。 | 4 | |
src | URL | 定义指向包含脚本的文件的 URL(这样您就可以引用某个包含脚本的文件,而不是直接把脚本插入您的 HTML 文档中)。 | 4 | 5 |
标准属性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
如需完整的描述,请访问 HTML5 中标准属性。
事件属性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
如需完整的描述,请访问 HTML5 中事件属性。
TIY 实例
- 插入一段脚本
- 本例演示如何将脚本插入 HTML 文档。
- 运行于不支持脚本的浏览器
- 本例演示如何对付不支持脚本的浏览器。