浅谈原生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 20 Javascript
鼠标经过tr时,改变tr当前背景颜色
Jan 13 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
jQuery中change事件用法实例
Dec 26 Javascript
简介alert()与console.log()的不同
Aug 26 Javascript
javascript中对Date类型的常用操作小结
May 19 Javascript
第十篇BootStrap轮播插件使用详解
Jun 21 Javascript
js中常用的Math方法总结
Jan 12 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
Apr 12 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 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小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
php实现微信企业转账功能
2018/10/02 PHP
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
解析javascript瀑布流原理实现图片滚动加载
2016/03/10 Javascript
深入浅出讲解ES6的解构
2016/08/03 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
Vue-CLI项目中路由传参的方式详解
2019/09/01 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
Python 列表list使用介绍
2014/11/30 Python
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
利用Python实现网络测试的脚本分享
2017/05/26 Python
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
python 使用cycle构造无限循环迭代器
2020/12/02 Python
如何用Python徒手写线性回归
2021/01/25 Python
HTML中fieldset标签概述及使用方法
2013/02/01 HTML / CSS
美国购买肉、鸭、家禽、鹅肝和熟食网站:D’Artagnan
2018/11/13 全球购物
自我鉴定怎么写
2013/12/05 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
中秋节寄语2015
2015/03/24 职场文书
销售人员管理制度
2015/08/06 职场文书
2016年公司新年寄语
2015/08/17 职场文书
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python
浅谈Vue的computed计算属性
2022/03/21 Vue.js
windows10 家庭版下FTP服务器搭建教程
2022/08/05 Servers