浅谈原生JS中的延迟脚本和异步脚本


Posted in Javascript onJuly 12, 2017

一、延迟脚本 defer

HTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。

脚本会被延迟到页面加载完毕的时候,执行。也就是当浏览器解析到</html> 标签后才会执行代码。在HTML5规范中,defer属性中适用于外部脚本。

而家了defer  的脚本文件会比DOMContentLoaded事件触发前执行。

 二、异步脚本 async

HTML5为<script>添加了个async属性。这个属性与defer属性类似。都是只对外部脚本有用。并告诉浏览器立即下载文件。但与defer不同的是,async并不能保证按照他们指定的

先后顺序执行。因此要确保两者之间互不依赖。指定async的目的是不让页面等待两个脚本下载执行。异步脚本一定会在页面的load事件之前执行。

以上这篇浅谈原生JS中的延迟脚本和异步脚本就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 版本自动生成文章摘要
Jul 23 Javascript
javascript 显示当前系统时间代码
Dec 28 Javascript
javascript折半查找详解
Jan 26 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
JavaScript解八皇后问题的方法总结
Jun 12 Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
Node.js安装配置图文教程
May 10 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
JS如何设置元素样式的方法示例
Aug 28 Javascript
对TypeScript库进行单元测试的方法
Jul 18 Javascript
基于zepto.js实现手机相册功能
Jul 11 #Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
Jul 11 #Javascript
详解Webpack DLL用法以及功能
Jul 11 #Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 #Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 #Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 #Javascript
BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)
Jul 11 #Javascript
You might like
PHP的单引号和双引号 字符串效率
2009/05/27 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
实例讲解php数据访问
2016/05/09 PHP
linux下php上传文件注意事项
2016/06/11 PHP
javascript forEach通用循环遍历方法
2010/10/11 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
js 立即调用的函数表达式如何写
2014/01/12 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
JS显示日历和天气的方法
2016/03/01 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
domReady的实现案例
2016/11/23 Javascript
JS实现中国公民身份证号码有效性验证
2017/02/20 Javascript
JavaScript实现滑动导航栏效果
2017/08/30 Javascript
js Date()日期函数浏览器兼容问题解决方法
2017/09/12 Javascript
js数组常用最重要的方法
2018/02/04 Javascript
微信小程序 轮播图实现原理及优化详解
2019/09/29 Javascript
解决ele ui 表格表头太长问题的实现
2019/11/13 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
python条件变量之生产者与消费者操作实例分析
2017/03/22 Python
python reduce 函数使用详解
2017/12/05 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
使用 Python 快速实现 HTTP 和 FTP 服务器的方法
2019/07/22 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
英国电子专家:maplin
2019/09/04 全球购物
社会保险接收函
2014/01/12 职场文书
小学教研工作制度
2014/01/15 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
请病假条范文
2015/08/17 职场文书
高中政治教师教学反思
2016/02/23 职场文书
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis