Maison > interface Web > js tutoriel > le corps du texte

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

高洛峰
Libérer: 2016-12-03 13:51:06
original
1077 Les gens l'ont consulté

一、前言

看到的前辈写的代码如下

<script src="#link("xxxx/xx/home/home.js")" type="text/javascript" async defer></script>
Copier après la connexion

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

二、调查一番

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

2.1 defer

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

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal