Question

javascript加载的问题，无阻塞脚本

浏览器加载和执行javascript的时候会阻止文档和样式的显示，为了让用户得到较好的体验，通常会把<script>放在body的尾部。
今天看书的时候，里面介绍了一个名词叫做：无阻塞脚本。具体的方法有用defer,或者用DOM动态生成script标签，或者异步请求。简单说就是load事件触发之后才下载脚本。
而我不明白的是，js都放在body尾部了，说明样式和文本之前都下载完毕了对吧。为什么还要这个无阻塞脚本呢？

Answer 1

这个不能一概而论，如果你页面外链元素比较少或没有的话，是不会出现下载阻塞的。如果你的页面引用的外部文件如css，图片等比较多的话，你把所有脚本直接写在页面的script标签里（即使是在body标签结束的下面）而非外链时，也是有可能出现脚本运行时外部的css文件还没下载完毕。一般的情况页面初始化要执行的方法，会写在onload事件中。