### [JavaScript的异步加载详解](https://www.prosaas.cn/article/17697)

**Published:** 2018-03-17T07:35:30

**Author:** 5201314

**Excerpt:** 这次给大家带来JavaScript的异步加载详解，处理JavaScript异步加载详解的注意事项有哪些，下面就…

这次给大家带来JavaScript的异步加载详解，处理JavaScript异步加载详解的注意事项有哪些，下面就是实战案例，一起来看一下。

同步加载的问题

默认的js是同步加载的，这里的“加载”可以理解成是解析、执行，而不是“下载”，在最新版本的浏览器中，浏览器对于代码请求的资源都是瀑布式的加载，而不是阻塞式的，但是js的执行总是阻塞的。这会引起什么问题呢？如果我的index页面要加载一些js，但是其中的某个请求迟迟得不到响应，于是阻塞了后面的js代码的执行（同步加载），同时页面渲染也不能继续（如果js引入是在head标签后）。

<script type="text/javascript" src='http://china-addthis.googlecode.com/svn/trunk/addthis.js'></script>
<script type="text/javascript" src='http://libs.baidu.com/jquery/2.0.0/jquery.min.js'></script>
this is a test

比如上面的这段代码，保存为index.html文件，页面的主体是一个简单的字符串，但是代码执行后页面迟迟都是空白，为何？因为请求的js迟迟无法加载（可能由于谷歌被墙等原因），于是阻塞了后面的代码的执行，页面得不到渲染。可能你会提议，把js代码放到

**Categories:** 后端开发

---