defer与async

先alert(document.getElementById("p1").firstChild.nodeValue);说说defer

基本用法 <script defer="defer">             </script>

一般打包之后 script标签 会放在head标签里面  但是dom 加载的时候 要先加载script才能加载文本 那么我们 加上 defer 属性 (延迟script的执行) 加载完文本后在执行 加载script 

那么这时候 还有一个 asyns 属性 

它是用来干嘛的呢  顾名思义 我们知道 async 代表一个异步的 加载 

那么在script 里 加上 async  就会 异步进行加载文本 于 js 文件 加快了浏览器的加载速度

alert(document.getElementById("p1").firstChild.nodeValue);alert(document.getElementById("p1").firstChild.nodeValue);alert(document.getElementById("p1").firstChild.nodeValue);alert(document.getElementById("p1").firstChild.nodeValue);alert(document.getElementById("p1").firstChild.nodeValue);alert(document.getElementById("p1").firstChild.nodeValue);

alert(document.getElementById("p1").firstChild.nodeValue);

alert(document.getElementById("p1").firstChild.nodeValue);alert(document.getElementById("p1").firstChild.nodeValue);

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.页面遇到会停止Dom渲染去加载js 2.当DOMContentLoaded之后再去执行外部脚本,但是加载是和渲...
    玩问阅读 1,706评论 0 1
  • 为了不阻塞页面文档的解析,script脚本有两个属性,用于控制脚本的下载和执行 相同点: 1、都只能用于外部脚本 ...
    花爸阅读 1,661评论 0 0
  • 数据结构与算法 栈和队列的区别 网络基础 HTTP 无状态怎么理解 可以从REST的角度来理解这个问题。我们知道R...
    笑极阅读 3,938评论 1 5
  • 昨天,坐公交车去碧沙岗公园站,一路上有很多上车的老人,司机旁的刷卡机时不时传来“老人卡”的滴滴声。 我发现,这些老...
    溪央tt阅读 4,949评论 5 2
  • 文/暖动日更75 这几天,老友网聊,三两朋友磕叨,不约而同聊到“心头好”。 没有朋友,生活像没了阳光,那没有心头好...
    暖格格阅读 4,204评论 17 16

友情链接更多精彩内容