浅谈原生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 相关文章推荐
jquery 模拟雅虎首页的点击对话框效果
Apr 11 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 Javascript
javascript 小数乘法结果错误的处理方法
Jul 28 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
JavaScript函数重载操作实例浅析
May 02 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 Javascript
vue选项卡切换的实现案例
Apr 11 Vue.js
基于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实现批量下载百度云盘文件例子分享
2014/04/10 PHP
php中mkdir函数用法实例分析
2014/11/15 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
2010/01/15 Javascript
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
validator验证控件使用代码
2010/11/23 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
如何正确使用javascript 来进行我们的程序开发
2014/06/23 Javascript
jQuery中extend()和fn.extend()方法详解
2015/06/03 Javascript
js实现网页收藏功能
2015/12/17 Javascript
javascript基本语法
2016/05/31 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
js友好的时间返回函数
2016/08/24 Javascript
js实现微博发布小功能
2017/01/12 Javascript
jQuery接受后台传递的List的实例详解
2017/08/02 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
详解KOA2如何手写中间件(装饰器模式)
2018/10/11 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
JavaScript 类的封装操作示例详解
2020/05/16 Javascript
[01:23:24]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第三场 2月7日
2021/03/11 DOTA
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
python 脚本生成随机 字母 + 数字密码功能
2018/05/26 Python
python文件及目录操作代码汇总
2020/07/08 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
2016/11/14 HTML / CSS
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
params有什么用
2016/03/01 面试题
公安机关纪律作风整顿剖析
2014/10/10 职场文书
施工员岗位职责
2015/02/10 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
志愿者工作心得体会
2016/01/15 职场文书