首页 > web前端 > js教程 > 浅析script标签中的defer与async属性

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

高洛峰
发布: 2016-12-03 13:51:06
原创
1106 人浏览过

一、前言

看到的前辈写的代码如下

<script src="#link("xxxx/xx/home/home.js")" type="text/javascript" async defer></script>
登录后复制

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

二、调查一番

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

2.1 defer

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板