异步加载

Posted on 2017-04-12 09:56  NaN~  阅读(157)  评论(0编辑  收藏  举报

首先要明白异步加载是什么,在阐述异步加载时不可避免的要提到同步加载,那同步加载是啥类??这都是啥!啥!啥!!

同步加载:一般浏览器正常的处理方式,从上到下,一个接一个,就像在超市排队结账,上一个结完才能结下一个,如果有个人账单出现了问题,那后面的人只能等待,所以同步加载又叫做阻塞加载。在页面中通常把js放在body的下面,因为js中包括对dom元素的修改,只有等dom元素都加载完,js代码再操作dom时才不会出现dom元素为加载完的状况。

异步加载:就是同时进行代码的处理,浏览器在下载js的同时,还会执行后续的页面处理。相当于超市收银开了好几个窗口,这几个窗口可以同时结账

异步加载的方法

1.动态创建script标签 

2.利用html5新特性async    给<script>标签设置async="async"属性

3.利用<script>标签的defer="defer"属性

4.通过ajax去获取js代码,然后通过eval执行

5.利用iframe标签,创建并插入iframe,让它异步执行js