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

一、延迟脚本 defer

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

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

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

 二、异步脚本 async

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

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

以上这篇浅谈原生JS中的延迟脚本和异步脚本就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。