为script元素定义了一个叫 defer 的属性。这个属性表示脚本在执行的时候不会改变页面的解构（何为页面的解构？个人浅显理解为页面的DOM解构，这里涉及一个页面完全显示的过程）。
因此，这个被添加 defer 属性的 script 脚本会在整个页面解析完成之后再运行。也就是告诉浏览器此刻应该立即开始下载，但执行应该推迟。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js程序测试</title>
<script defer src="example1.js"></script>
<script defer src="example2.js"></script>
</head>
<body>
<!--这里是页面内容！-->
</body>
</html>
因为添加了 defer 属性，即使该脚本是再 head 标签里面，也会在浏览器解析到结束的 </html> 标签后执行。
HTML5规范要求脚本应该按照它们出现的顺序执行，因此第一个推迟脚本会在第二个推迟脚本之前执行，而且两者都会在 DOMContenLoaded 事件之前执行，但是还是应该注意，在一个页面中。但是实际情况当中，推迟脚本不一定总会按顺序去执行，最好还是只包含一个这样的脚本。
且这个 defer 属性只对外部文件才有效，也就是说，要想这个 defer 属性生效，该 script 必须还要包含另一个 src 属性。会忽略行内的 JavaScript 代码。
对于 XHTML 文档，指定 defer 属性时，应该写为 defer=“defer”。
204
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
