HTML: <script> defer 属性

由网友 大卫 发布 阅读 6

HTML: <script> defer 属性

<script> defer属性是布尔属性,defer属性指定在页面完成解析后执行脚本,defer属性仅适用于外部脚本(仅当存在src属性时才应使用)。

 HTML <script> 标签

在线示例

在页面加载完成后才会运行的脚本:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTML:<script> defer 属性的使用-大卫编程网(div.cn)</title> 
</head>
<body>
<script src="demo_script.js" defer></script>
<p>上面的脚本要求以下段落提供信息。通常,这是不可能的,因为脚本是在段落存在之前执行的。</p>
<p id="p1">Hello World!</p>
<p>但是,defer属性指定脚本应在以后执行。这样脚本可以从段落中请求信息。</p>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 defer 属性。

定义和用法

defer属性是布尔属性。

如果存在,它指定在页面完成解析后执行脚本。

注意: defer属性仅适用于外部脚本(仅当存在src属性时才应使用)。

注意:可以通过多种方式执行外部脚本:

  • 如果存在异步:脚本与页面的其余部分异步执行(脚本将在页面继续解析的同时执行)

  • 如果不存在异步且存在延迟:在页面完成解析后执行脚本

  • 如果不存在异步或延迟:在浏览器继续解析页面之前,立即获取并执行脚本

HTML 4.01 与 HTML5之间的差异

没有。

HTML 与 XHTML 之间的差异

在 XHTML 中,禁止属性简写,defer 属性必须定义为 <script defer="defer">。

语法

<script defer>
 HTML <script> 标签

HTML param name 属性 HTML: <script> async 属性