为什么异步加载js文件?加载方式?(至少两种方式)
异步加载的方式有4种
a) 使用jquery框架,即$(document).ready(function(){
})
或者写成$(function(){
}),
(DOM结构绘制完毕就执行,不必等到所有资源都加载完成)。
注意需要引入jquery并且能兼容所有浏览器
$(document).ready(function() {
alert("加载完成!");
});
b) 给<script>标签添加属性async='async'
async属性只适用于外部脚本,不能保证脚本按顺序执行,异步下载一旦下载完立即执行会阻塞页面渲染,HTML5新增属性需要chrom firefox ie9支持
<script type="text/javascript" src="xxx.js" async="async"></script>
c) 给<script>标签添加属性defer=<