javascript的defer和async
程序员文章站
2022-04-02 23:17:45
...
defer和async可以改变脚本的执行方式,defer表示延迟,async表示异步
当html解析器遇到<script>元素时,默认是先执行脚本,然后在进行文档的解析和渲染,这对内联样式没有什么影响,但是如果脚本源码是一个有src属性链接的外部文件时,意味着在脚本下载和执行之前,文档的内容都不会展现给客户。
defer使脚本延迟加载,直到文档的加载和解析完成,并可以操作.
async可以使浏览器尽快执行,在下载脚本时不用阻塞文档的解析。
如果<script>标签同时有两个属性,同时支持两者的浏览器会遵从async而忽略defer
当html解析器遇到<script>元素时,默认是先执行脚本,然后在进行文档的解析和渲染,这对内联样式没有什么影响,但是如果脚本源码是一个有src属性链接的外部文件时,意味着在脚本下载和执行之前,文档的内容都不会展现给客户。
defer使脚本延迟加载,直到文档的加载和解析完成,并可以操作.
async可以使浏览器尽快执行,在下载脚本时不用阻塞文档的解析。
如果<script>标签同时有两个属性,同时支持两者的浏览器会遵从async而忽略defer
推荐阅读
-
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
-
JavaScript Math对象和调试程序的方法分析
-
浅谈HTML5 defer和async的区别
-
浅谈JavaScript中的apply/call/bind和this的使用
-
javascript 删除数组元素和清空数组的简单方法
-
常见的JavaScript框架和库解析
-
php开发框架有哪些(javascript和java的区别)
-
javascript解析ajax返回的xml和json格式数据实例详解
-
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
-
深入理解JavaScript的值传递和引用传递