Js延迟加载的方式有哪些？defer和async的区别是什么？

JavaScript025

Js延迟加载的方式有哪些？defer和async的区别是什么？,第1张

J s延迟加载的方式有哪些？

给javascript标签添加 defer和async属性。

defer和async的区别是什么？

1、defer和async都是使script异步加载的意思，当都没有设置这个属性的时候，html的加载会被阻塞等着script加载完成和执行完成后再渲染页面。

2、当设置了async时，异步加载，一旦加载完成则阻塞html渲染，进行执行，而且如果有多个script标签则谁先加载完，谁先执行。

3、当设置了defer时，异步加载，不会阻塞html，待html渲染完毕后再进行script执行。

注意：ie只支持defer

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：。

for (var i = 0i<3i++) {

var a = i + ':' + (new Date())

$('body').append(a)

for (var j = 0j <700000000j++)

}

3、浏览器运行index.html页面，此时循环中的内容被延迟执行了。

js延时5秒用find写法setTimeout(function(){ getSignature() },5000)

在前端开发过程中,如果使用传统的纯js,有时会有延时执行一个方法的需求.

使用js实现几秒以后倒计时跳转，这个在某些特殊情况下还是比较实用的。