JavaScript加载:defer与async

JavaScript加载:defer与async

页面的解析过程是单线程的,但是单线程亦可有同步与异步之分,script标签的解释方式分为3种,默认、defer和async三种


登录后复制登录后复制登录后复制登录后复制

默认模式,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之后的所有文档内容之前,也就是说不等待后续载入的文档元素,读取到就加载并执行。


登录后复制登录后复制登录后复制登录后复制

async加载模式,加载和渲染后续文档元素的过程, script.js 异步加载,并且在script.js加载完成之后同步执行script.js(可能在后续文档元素解析完成的过程中)


登录后复制登录后复制登录后复制登录后复制

defer加载模式,加载和渲染后续文档元素的过程, script.js 异步加载,并且在script.js加载完成和后续文档元素解析完成之后同步执行script.js

d612e173113ad4ec18b6b5d13014dc0.png

script 标签解析时间图

立即学习“Java免费学习笔记(深入)”;

只有以src属性链接的script标签这2个属性才起作用。


登录后复制登录后复制登录后复制登录后复制

不带src属性script标签在文档加载时顺序加载,这两个属性无效。

    let idEle = document.getElementById("app");

登录后复制

以上就是JavaScript加载:defer与async的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2730912.html

(0)
上一篇 2025年3月8日 00:22:42
下一篇 2025年3月1日 15:51:53

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • jquery框架是什么?

    相信应该有一部分朋友听说过jquery吧,但是你了解它吗?你知道他是用来干嘛的吗?下面我将和大家一起谈谈什么是jquery框架。 jQuery就是一个快速、简洁的JavaScript框架。 jQuery,顾名思义是JavaScript和查询…

    2025年3月8日
    200
  • js中null是什么意思?

    在javascript中存在这样两种原始类型:null与undefined。这两种类型常常会使javascript的开发人员产生疑惑,null和undefined分别是什么意思呢? Null类型只有一个值,即null。null用来表示尚未存…

    2025年3月8日
    200
  • 学js需要什么基础?

    javascript一种直译式脚本语言,简称js,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为javascript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html网页上使用,用来给html网页增加…

    2025年3月8日
    200
  • js全称是什么?

    js全称为javascript,是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。 javascript的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用…

    2025年3月8日
    200
  • javascript有什么用?

    JavaScript是一种轻量级的解释型编程语言,它旨在创建以网络为中心的应用程序;它与Java互补并集成在一起。JavaScript非常容易实现,因为它与HTML集成在一起;它是开放和跨平台的。 javascript有什么用? 1、使网页…

    2025年3月8日
    200
  • js是什么语言

    js全称Javascript,是一种高级的、解释型、直译式脚本语言,是一种基于原型、函数先行的语言,是一门多范式的语言;它是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览…

    2025年3月8日
    200
  • Node.js fs是什么

    在Node.js中,fs全称filesystem,中文意思为“文件系统”,指的是fs模块。fs模块提供本地文件的读写能力,基本上是POSIX文件操作命令的简单包装;fs模块几乎对所有操作提供异步和同步两种操作方式,供开发者选择。 Node …

    2025年3月8日
    200
  • js中的var是什么意思

    javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。js中的var是起声明作用,可以声明变量等。下面和小编一起详细了解一下吧。 var作用:声明作用;如声明个变量。 语法   var c = 1; …

    2025年3月8日
    200
  • js回调函数是什么

    在javascript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回。 因为函数是第一类对象,我们可以在Javas…

    2025年3月8日
    200
  • js中什么是原型

    每个函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含特定类型的所有实例共享的属性和方法,即这个原型对象是用来给实例共享属性和方法的。而每个实例内部都有一个指向原型对象的指针。 原型模式 使用构造…

    2025年3月8日
    200

发表回复

登录后才能评论