浅析script标签中的defer与async属性

高洛峰
Lepaskan: 2016-12-03 13:51:06
asal
1077 orang telah melayarinya

一、前言

看到的前辈写的代码如下

<script src="#link("xxxx/xx/home/home.js")" type="text/javascript" async defer></script>
Salin selepas log masuk

竟然同时有async和defer属性,心想着肯定是前辈老司机的什么黑科技,两个一块儿肯定会发生什么神奇化学反应,于是赶紧怀着一颗崇敬的心去翻书翻文档,先复习一下各自的定义。

二、调查一番

先看看async和defer各自的定义吧,翻开红宝书望远镜,是这么介绍的

2.1 defer

这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说,脚本会被延迟到整个页面都解析完毕后再运行。因此,在

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan