当前位置: 首页 > 编程笔记 >

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

端木安国
2023-03-14
本文向大家介绍浅谈原生JS中的延迟脚本和异步脚本,包括了浅谈原生JS中的延迟脚本和异步脚本的使用技巧和注意事项,需要的朋友参考一下

一、延迟脚本 defer

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

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

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

 二、异步脚本 async

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

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

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

 类似资料:
  • 问题内容: 我有一对夫妇的有关属性的问题及对标签,该标签在HTML5的浏览器我的理解只有工作。 我的一个网站有两个外部JavaScript文件,它们当前位于标记上方;第一个是来自Google的jquery,第二个是本地外部脚本。 关于站点加载速度 在页面底部添加两个脚本是否有任何好处? 将选项添加到两个脚本并将它们放在页面顶部的页面中,会有任何好处吗? 这是否意味着它们会在页面加载时下载? 我认为

  • 当考虑到下载后的脚本执行及其对页面性能的影响时,和的使用有何不同? 异步 在执行时阻止页面解析 一旦可用就立即执行 推迟 < li >在页面完成解析后执行 < li >在< code>DOMContentLoaded事件之前执行 < li >尊重脚本顺序 对我来说,的影响似乎较低,因为下载后的执行发生在页面解析之后,而脚本在下载后执行会阻止解析。但是为什么我经常看到和一起使用,后者只是后备?异步似

  • 本文向大家介绍浅谈js的异步执行,包括了浅谈js的异步执行的使用技巧和注意事项,需要的朋友参考一下 1.Javascript语言的执行环境是”单线程”(single thread): 优点:实现起来比较简单,执行环境相对单纯; 缺点:只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环)

  • 本文向大家介绍浅谈ADO.NET数据库脚本,包括了浅谈ADO.NET数据库脚本的使用技巧和注意事项,需要的朋友参考一下 这次我使用ADO.NET来插入一条数据,到数据库中。主用到存储过程。我不想每次都是用SQL文本的形式了,那样始终没有进步~~~ 下面首先,我把我这次练习要用到的数据库脚本,贴出来: 接着大家选中刚才执行脚本,创建好的数据库,然后使用我下面的数据,向数据库表里面添加数据吧 说明一下

  • 本文向大家介绍JS同步、异步、延迟加载的方法,包括了JS同步、异步、延迟加载的方法的使用技巧和注意事项,需要的朋友参考一下 本文讲述了JS同步、异步、延迟加载的方法。分享给大家供大家参考,具体如下: 一:同步加载 我们平时使用的最多的一种方式。 <script src="http://yourdomain.com/script.js"></script> 同步模式,又称阻塞模式,会阻止浏览器的后续

  • 问题内容: 我正在使用JQuery的几个插件,自定义窗口小部件和其他一些库。结果,我有几个.js和.css文件。我需要为网站创建一个加载器,因为加载需要一些时间。如果可以在导入所有内容之前显示加载程序,那就太好了: 我找到了一些教程,这些教程使我能够异步导入JavaScript库。例如,我可以做类似的事情: 由于某种原因,当我对所有文件执行相同操作时,页面将无法正常工作。我已经尝试了很长时间,试图