HTML: <script> defer 属性

在线示例

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

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTML:<script> defer 属性的使用-菜鸟教程(cainiaojc.com)</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">。