博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
<script>中的async与defer属性
阅读量:6708 次
发布时间:2019-06-25

本文共 387 字,大约阅读时间需要 1 分钟。

1.script元素中的defer属性

1.1说明

  使用该属性可以使脚本延迟到文档完全被解析和显示之后再按照原本的顺序执行,即告诉浏览器立即下载脚本,但延迟执行,该属性只对外部脚本有效

1.2使用方法

  浏览器会先执行a.js,在执行b.js

2.script元素中的async属性

2.1说明

  表示异步加载,告诉浏览器立即下载文件,一旦下载完成(页面还在解析中)立即执行,但不保证它们的执行顺序,适用于外部脚本文件

2.2使用方法

 

    浏览器可能会先执行b.js,在执行a.js

3.二者的区别

defer会等待页面解析完成之后按照顺序执行,而async会在下载完成后立即执行,此时页面可能并未完全解析完成,并且可能不按顺序执行,先下载完成的先执行

转载于:https://www.cnblogs.com/lhyhappy365/p/5842297.html

你可能感兴趣的文章
js中,(function(){})()的用法解析
查看>>
Unity3d与android通信
查看>>
东大OJ-1040-Count-快速幂方法求解斐波那契-
查看>>
弹出键盘windowsoftinputmode属性设置值
查看>>
Firefly官方教程之Netconnect使用文档
查看>>
玉堂春_百度百科
查看>>
Unity3D脚本中文系列教程(五)
查看>>
Win7 如何访问XP系统里的网上邻居?
查看>>
怎么设置环境变量
查看>>
Mac 可设置环境变量的位置、查看和添加PATH环境变量
查看>>
使用python向Redis批量导入数据
查看>>
又一道软通动力7K月薪面试题——银行业务调度系统
查看>>
Atitit. 高级软件工程师and 普通的区别 高级编程的门槛总结
查看>>
Struts ActionForm简单理解
查看>>
【JavaScript】前端开发框架三剑客—AngularJS VS. Backone.js VS.Ember.js
查看>>
openstack API debug OpenstackEveryProject_CLI,curl_based
查看>>
Redis多机功能之复制
查看>>
使用CocoaPods出现 The `master` repo requires CocoaPods 0.32.1 - 问题解决
查看>>
Android组件之BroadCast简单实践
查看>>
人人都是 DBA(X)资源信息收集脚本汇编
查看>>