js阶段 总结
1.延迟脚本 HTML 4.01 为 <script> 标签定义了 defer 属性。这个属性的用途是表明脚本在执行时不会影响页 面的构造。也就是说,脚本会被延迟到整个页面都解析完毕后再运行。因此,在 <script> 元素中设置 defer 属性,相当于告诉浏览器立即下载,但延迟执行。 <!DOCTYPE html> <html> <head> <title>我的HTML</title> <script type="text/javascript" defer="defer"src="example1.js"></script> <script type="text/javascript" defer="defer"src="example2.js"></script> </head> <body> <!-- 这里放内容 --> </body> </html> 在这个例子中,虽然我们把<script> 元素放在了文档的<head> 元素中,但其中包含的脚本将延迟 到浏览器遇到</html> 标签后再执行。HTML5 规范要求脚本按照它们出现的先后顺序执行,因此第一 个延迟脚本会先于第二个延迟脚本执行, 而这两个脚本会先于 DOMContentLoaded 事件 (详见第 13 章) 执行。在现实当中,延迟脚本并不一定会按照顺序执行,也不一定会在 DOMContentLoaded