出版日期:2015-1
ISBN:9787111488431
作者:党建
页数:207页
《Web前端开发最佳实践》的笔记-第1页 - 所有章节
P75
defer和async都是异步加载script，不同的是:<script defer src="test.js"></script>在页面元素加载后、DOMContentLoaded事件加载前执行test.js；<script async src="test.js"></script>是页面元素加载后、渲染页面之前立即执行test.js（那么渲染页面和DOMContentLoaded事件又是什么关系呢？）。如下2例：例1：<head> <script defer src="test.js"></script> //test.js内容为alert("测试defer和async");</head><body> <script> window.onload=function(){ alert('onload'); } </script> <script>alert('script');</script> <div>测试</div></body>结果：执行alert('script')、渲染页面、执行alert("测试defer和async")、执行alert('onload'); 例2：<head> <script async src="test.js"></script> //test.js内容为alert("测试defer和async");</head><body> <script> window.onload=function(){ alert('onload'); } </script> <script>alert('script');</script> <div>测试</div></body>结果：执行alert('script')、执行alert("测试defer和async")、渲染页面、执行alert('onload');