浅谈原生JS中的延迟脚本和异步脚本
更新时间：2017年07月12日 07:50:57 投稿：jingxian
下面小编就为大家带来一篇浅谈原生JS中的延迟脚本和异步脚本。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
一、延迟脚本 defer
HTML4.0中为<script> 标签添加了个defer属性。属性的用途是表民脚本在执行时不会影响页面的构造。
脚本会被延迟到页面加载完毕的时候，执行。也就是当浏览器解析到</html> 标签后才会执行代码。在HTML5规范中，defer属性中适用于外部脚本。
而家了defer 的脚本文件会比DOMContentLoaded事件触发前执行。
二、异步脚本 async
HTML5为<script>添加了个async属性。这个属性与defer属性类似。都是只对外部脚本有用。并告诉浏览器立即下载文件。但与defer不同的是，async并不能保证按照他们指定的
先后顺序执行。因此要确保两者之间互不依赖。指定async的目的是不让页面等待两个脚本下载执行。异步脚本一定会在页面的load事件之前执行。
以上这篇浅谈原生JS中的延迟脚本和异步脚本就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
JS事件Event元素(兼容IE,Firefox,Chorme)
今天，想聊聊JS事件对象。相信大家对于获得激发JS事件的原对象的理解，有的人可能简单停留在IE上。也就是window.event这个对象2012-11-11
用js实现的拖动表格的tr行的实现代码，需要的朋友可以参考下。2011-05-05
与java等基于类的面向对象语言的private、protected、public等关键字的用途类似，基于对象的JavaScript语言，在对象构造上也存在类似的成员可见性问题。2009-10-10
由于项目需要常常会遇到为某一个对象动态添加属性的情况,下面这篇文章主要给大家介绍了关于js给对象动态添加、设置、删除属性名与属性值的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
今天小编就为大家分享一篇Layui之table中的radio在切换分页时无法记住选中状态的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
单例模式（Singleton Pattern）是一种创建型设计模式,确保一个类只有一个实例,并提供全局访问该实例的方式,这在某些场景下非常有用,例如配置管理类、日志类或数据库连接管理类,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了前端实现界面切换主题的相关资料,文中介绍了两种方法,通过link标签的rel属性和通过变量设置,前者适用于确定的主题样式切换,后者则适用于在拾色器中任意选择颜色更换主题的情况,需要的朋友可以参考下2025-02-02
这篇文章主要给大家介绍了关于前端js操作Cookie详细介绍与案例的相关资料,JS Cookie是一个用于在浏览器中操作Cookie的JavaScript库,它提供了一组简单的方法来设置、获取、删除和检查 Cookie,需要的朋友可以参考下2023-09-09
今天小编就为大家分享一篇layui使用label标签的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
javascript中巧用“闭包”实现程序的暂停执行功能...2007-04-04
最新评论