HTML5 script标签

作者: 漆家洲 分类: HTML5 发布时间: 2015-06-09 17:51

定义和用法

<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

事件属性

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!