网页制作员 · 高频练习

script 标签中的 defer 和 async 有什么区别?

初级 单选题 第 171 题 中等 网页制作员JavaScriptdeferasync页面加载性能
题目

某网页需要加载外部 JavaScript 文件。开发人员希望脚本下载时不阻塞 HTML 解析,并且等文档解析完成后再按顺序执行这些脚本。较适合使用的属性是()。

A defer
B async
C alt
D rowspan
题目类型:原创高频考点题 用途:用于帮助理解网页制作员相关考点和答案解析,不等同于官方真题。
书木兰刷题练习 适合懒人、小白的刷题通关平台
正确答案
A
答案解析

defer 会让外部脚本异步下载,但脚本执行会等到 HTML 文档解析完成后,并且多个 defer 脚本通常保持文档中的顺序执行。async 也会异步下载,但下载完成后会尽快执行,执行顺序不一定与页面中出现顺序一致。题干强调“文档解析完成后”和“按顺序执行”,更符合 defer。

选项分析

A

正确。defer 下载不阻塞解析,并在文档解析完成后按顺序执行。

B

错误。async 下载不阻塞解析,但下载完成后尽快执行,不保证多个脚本顺序。

C

错误。alt 是图片替代文本属性,不控制脚本加载。

D

错误。rowspan 是表格单元格跨行属性,与脚本加载无关。

本题为什么容易错

这题容易把 defer 和 async 都记成“异步加载”,然后随手选一个。考试会继续追问执行时机和顺序:defer 等解析完成并保序,async 下载完就尽快执行。

先看结论

简短答案

script 标签中的 defer 和 async 有什么区别,正确答案是 A(defer)。defer 会让外部脚本异步下载,但脚本执行会等到 HTML 文档解析完成后,并且多个 defer 脚本通常保持文档中的顺序执行。async 也会异步下载,但下载完成后会尽快执行,执行顺序不一定与页面中出现顺序一致。题干强调“文档解析完成后”和“按顺序执行”,更符合 defer。

解析

易混淆概念对比表

概念本题判断区别要点记忆提示
defer 本题正确答案 正确。defer 下载不阻塞解析,并在文档解析完成后按顺序执行。 看到题干核心场景时优先联想到它
async 本题干扰项 错误。async 下载不阻塞解析,但下载完成后尽快执行,不保证多个脚本顺序。 看到该词不要急着选,先判断是否真正解决题干问题
alt 本题干扰项 错误。alt 是图片替代文本属性,不控制脚本加载。 看到该词不要急着选,先判断是否真正解决题干问题
rowspan 本题干扰项 错误。rowspan 是表格单元格跨行属性,与脚本加载无关。 看到该词不要急着选,先判断是否真正解决题干问题
本题易混淆选项怎么区分
  • async:错误。async 下载不阻塞解析,但下载完成后尽快执行,不保证多个脚本顺序。
  • alt:错误。alt 是图片替代文本属性,不控制脚本加载。
  • rowspan:错误。rowspan 是表格单元格跨行属性,与脚本加载无关。
复习

知识点详解

JavaScript是网页制作员考试中需要结合场景理解的考点。围绕“script 标签中的 defer 和 async 有什么区别”这类题目,复习时要先看题干描述的是概念定义、适用场景、作用效果,还是与其他选项的区别。本题的题干关键词是“某网页需要加载外部 JavaScript 文件。开发人员希望脚本下载时不阻塞 HTML 解析,并且等文档解析完成后再按顺序执行这些脚本。较适合使用的属性是()”,它指向的核心答案是 A(defer)。

备考速记

备考速记:题干如果强调“页面加载性能”中的关键目标,就先联想到 JavaScript;如果选项里出现 async、alt、rowspan,不要只看名称熟悉,要判断它们是否真正对应题干场景。

JavaScript 在页面加载性能场景中的作用

JavaScript在本题中的核心价值,是解决“某网页需要加载外部 JavaScript 文件。开发人员希望脚本下载时不阻塞 HTML 解析,并且等文档解析完成后再按顺序执行这些脚本。较适合使用的属性是()”这个场景问题。复习时不要只背选项名称,还要理解它为什么适用于该场景,以及它能解决哪类安全、流程或管理问题。

拓展

同类题怎么考

  • 给出页面加载性能场景,判断应该选择哪个概念、工具、协议或管理过程。
  • 考查JavaScript的作用,要求从四个相近选项中找出最符合题干目标的一项。
  • 把JavaScript和async、alt、rowspan放在一起考,重点看适用场景是否一致。
  • 题干通常会出现一个关键动作或目标,先定位关键词,再回到选项逐一排除。
JavaScript 在网页制作员软考中的考法

软考选择题通常不会只考概念定义,还会把JavaScript放到页面加载性能场景中,要求判断它的作用、适用范围或与相近概念的区别。遇到这类题时,先抓住题干中的业务场景,再看哪个选项最能解决该场景下的核心问题。

解题思路

题干其实给了两个判断词:不阻塞 HTML 解析、按顺序执行。async 只满足前半段,不保证顺序;defer 更贴合这两个要求。老师讲网页加载时一般会提醒:统计脚本、广告脚本这类独立脚本可以考虑 async;依赖页面结构或彼此有顺序的脚本,更常用 defer。

考点定位

defer 适合依赖 DOM 和执行顺序的外部脚本,async 更适合相互独立的脚本。

易错提醒

  • 只记不阻塞解析,忘记比较执行顺序。
  • 把有依赖关系的脚本都加 async,导致执行顺序不稳定。
  • 把脚本加载属性和图片、表格属性混淆。

备考提示

  • 网页制作题看到页面加载、脚本阻塞、执行顺序,优先想到 defer 和 async。
  • 记忆时可以抓一句:defer 保顺序,async 抢速度。

你可能还想了解

  • script 标签中的 defer 和 async 有什么区别?
  • JavaScript是什么?
  • JavaScript在网页制作员考试中怎么考?
  • 网页制作员JavaScript题怎么理解?
  • defer和async区别怎么考?
  • script defer有什么用怎么考?

本文小结

本题核心考点是JavaScript在页面加载性能场景中的判断和应用。遇到类似题目时,先看题干描述的目标,再判断哪个选项最符合场景;本题应选择 A(defer)。