j***ascript延迟加载图,js延迟加载几种方法-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于javascript 延迟加载图的问题，于是小编就整理了2个相关介绍 JavaScript延迟加载图的解答，让我们一起看看吧。

js延迟加载的方式有哪些？
如何修改代码让JS延迟5秒执行？

js延迟加载的方式有哪些？

js延迟加载的方式有哪些？

js的延迟加载有助于提高页面的加载速度

div>

（图片来源网络，侵删）

1.defer属性

如果script标签设置了该属性，则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染；
如果有多个设置了defer的script标签存在，则会按照顺序执行所有的script；
defer脚本会在文档渲染完毕后，DOMContentLoaded事件调用前执行。

（图片来源网络，侵删）

文档解析时，遇到设置了defer的脚本，就会在后台进行下载，但是并不会阻止文档的渲染，当页面解析渲染完毕后。
会等到所有的defer脚本加载完毕并按照顺序执行，执行完毕后会触发DOMContentLoaded***。

2.async属性

async的设置，会使得script脚本异步的加载并在允许的情况下执行
async的执行，并不会按着script在页面中的顺序来执行，而是谁先加载完谁执行。

（图片来源网络，侵删）

如何 修改 代码让JS延迟5秒执行？

修改代码让JS延迟5秒执行：setTimeout（‘yourFunction()’，5000）//5秒后执行yourFunction()，只执行一次。 javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。