浅谈原生JS中的延迟脚本和异步脚本

198 阅读 0 评论 131 点赞

我是靠谱客的博主高兴柠檬，最近开发中收集的这篇文章主要介绍浅谈原生JS中的延迟脚本和异步脚本，觉得挺不错的，现在分享给大家，希望可以做个参考。

一、延迟脚本 defer

HTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。

脚本会被延迟到页面加载完毕的时候，执行。也就是当浏览器解析到</html> 标签后才会执行代码。在HTML5规范中，defer属性中适用于外部脚本。

而家了defer 的脚本文件会比DOMContentLoaded事件触发前执行。

二、异步脚本 async

HTML5为<script>添加了个async属性。这个属性与defer属性类似。都是只对外部脚本有用。并告诉浏览器立即下载文件。但与defer不同的是，async并不能保证按照他们指定的

先后顺序执行。因此要确保两者之间互不依赖。指定async的目的是不让页面等待两个脚本下载执行。异步脚本一定会在页面的load事件之前执行。

以上这篇浅谈原生JS中的延迟脚本和异步脚本就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

以上就是高兴柠檬为你收集整理的浅谈原生JS中的延迟脚本和异步脚本的全部内容，希望文章能够帮你解决浅谈原生JS中的延迟脚本和异步脚本所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。