a.html代码
<!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"> <title>梦龙</title> <script type="text/javascript" src="a.js"></script> <script type="text/javascript" src="b.js"></script> </head> <body> <p class="a"> 梦龙小站 </p> </body> </html>
b.html代码
<!doctype html> <html dir="ltr" lang="zh-CN"> <head> <meta charset="utf-8"> <title>梦龙</title> <script type="text/javascript" defer="defer" src="a.js"></script> <script type="text/javascript" defer="defer" src="b.js"></script> </head> <body> <p class="a"> 梦龙小站 </p> </body> </html>
上面的例子可以看出。虽然我们是在head标签中引用的a.js和b.js，但是由于我们设置了”defer”属性。所以引用的a.js和b.js会加载，只不过得在浏览器遇到标签之后再执行。由于浏览器解析延迟属性不一样，延迟脚本执行的顺序是不一样的。“defer”属性只适用于外部引用JavaScript文件，会忽略其他几种方法引用JavaScript文件的方法。
支持的浏览器有：IE9、Firefox 3.5、safari 5和chrome。其他不支持的浏览器会像正常一样加载和处理脚本。
以上就是HTML5实战与剖析之延迟脚本的内容，更多相关内容请关注PHP中文网（HdhCmsTestgxlcms测试数据）！
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did65738