HTML 5 <script> 标签

定义和用法

<script> 标签定义一段脚本,比如 JavaScript。

如果 async 属性为 true,则脚本会相对于文档的其余部分异步执行,这样脚本会可以在页面继续解析的过程中来执行。

如果 async 属性为 false,而 defer 属性为 true,则脚本会在页面完成解析时得到执行。

如果 async 和 defer 属性均为 false,那么脚本会立即执行,页面会在脚本执行完毕继续解析。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,有一些新属性,同时不再支持 HTML 4.01 中的一些属性。

提示和注释

提示:如果存在 src 属性,则 <script> 标签必须是空的。

例子

<script type="text/javascript">
document.write("Hello World!")
</script>

属性

属性 描述 4 5
async
  • true
  • false
定义脚本是否异步执行。   5
type
  • text/ecmascript
  • text/javascript
  • application/ecmascript
  • application/javascript
  • text/vbscript
指示脚本的 MIME 类型。 4 5
charset charset 定义脚本中使用的字符编码。不支持。 4  
defer
  • true
  • false
指示脚本不会生成任何的文档内容。浏览器可以继续解析并绘制页面。 4 5
language
  • javascript
  • livescript
  • vbscript
  • other
规定脚本语言。不赞成使用。请使用 type 属性代替它。 4  
src URL 定义指向包含脚本的文件的 URL(这样您就可以引用某个包含脚本的文件,而不是直接把脚本插入您的 HTML 文档中)。 4 5

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述,请访问 HTML 5 中标准属性

事件属性

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

如需完整的描述,请访问 HTML 5 中事件属性

TIY 实例

插入一段脚本
本例演示如何将脚本插入 HTML 文档。
运行于不支持脚本的浏览器
本例演示如何对付不支持脚本的浏览器。