m0_71902663 2022-06-11 12:22 采纳率: 66.7%
浏览 61
已结题

关于html的问题，html中scrip标签延迟加载如何处理

有一个需求，要延迟执行部分script标签，请问该如何设置？

  • 写回答

3条回答 默认 最新

  • 王玖的解忧屋 2022-06-11 18:59
    关注

    你是想问script标签的属性吗？如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
    如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
    如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 前端基础路线一：HTML编码规范
    2022-03-06 09:22
    尤雨溪般的艺术编程者的博客 延迟加载的图片也要增加默认的 src。 解释： src 取值为空，会导致部分浏览器重新加载一次当前页面，参考：https://developer.yahoo.com/performance/rules.html#emptysrc [建议] 避免为 img 添加不必要的 title ...
  • 为什么scrip标签最好放在底部，link标签最好放在头部
    2022-05-06 21:22
    了旧的博客 作为一个前端开发者，你可能听到过这么一个问题为什么script标签最好放在底部，link标签最好放在底部。今天呢，我们就从加载CSS文件和JS脚本分别对页面解析的影响来解释这个问题。 @import和link标签有什么区别 在...
  • 脚本：async，defer属性，让浏览器异步加载，解决脚本阻塞渲染问题
    2022-03-13 16:56
    wincheshe的博客 现代的网站中，脚本往往比 HTML 更“重”：它们的大小通常更大，处理时间也更长。 当浏览器加载 HTML 时遇到 <script>...</script> 标签，浏览器就不能继续构建 DOM。它必须立刻执行此脚本。对于外部...
  • Javascript 懒加载与预加载（8）
    2022-05-28 22:51
    千寒33的博客 懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正...
  • 前端面试基础问题
    2021-04-02 11:51
    阿九九啊的博客 1.Css中对盒子模型如何理解 CSS css盒子模型 又称框模型 (Box Model) 包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素，边框内包括element元素，元素有height和width 图...
  • 性能优化关键:link、script和meta的正确打开方式
    2025-05-25 10:44
    沐土Arvin的博客 预加载关键脚本： meta标签的作用 标签用于定义 HTML 文档的元数据（metadata），不会直接显示在页面上，但为浏览器、搜索引擎和其他服务提供关键信息，例如字符编码、视口设置、SEO 优化等; 核心属性总表 属性 ...
  • HTML5新增、删除、重定义标签
    2019-05-20 15:58
    adve的博客 DOCTYPE声明，指示浏览器关于页面使用哪个HTML版本进行编写的指令。...在HTML中，DTD规定了标记语言的规则，使浏览器能正确地呈现内容。HTML5不基于SGML，所以不需要引用DTD。 HTML5新增标签 ...
  • Script标签6个属性
    2019-11-14 15:32
    齐旭辉的博客 Script标签有6个属性 async: 可选。表示应该立即下载脚本，但不应妨碍页面的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本有效。 charset:可选。表示通过src属性指定代码的字符集，由于大多数浏览器...
  • 在线艺术字转换文字生成器：HTML&PHP源码完美运营版
    2025-04-29 09:34
    无形小手的博客 在现代网页设计中，富有创意的艺术字效果常常用于吸引用户注意力和增强视觉体验。艺术字不仅是一种视觉表现形式，它还能传递网站或应用的主题和情感。本节主要探讨艺术字生成算法的基本概念和需求分析。艺术字的样式...
  • 前端读者 | 百度前端编码规范（HTML）
    2018-11-06 09:08
    weixin_30861459的博客 本文来自：百度FEX 1 前言 HTML 作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使 HTML 代码...解释：对于非 HTML 标签之间的缩进，比如 script 或 style 标签内容缩进，与 scrip...
  • 前端面试中小型公司都考些什么
    2022-10-28 11:43
    loveX001的博客 懒加载也叫延迟加载，指的是在长网页中延迟加载图片的时机，当用户需要访问时，再去加载，这样可以提高网站的首屏加载速度，提升用户的体验，并且可以减少服务器的压力。它适用于图片很多，页面很长的电商网站的...
  • 高频面试题集锦
    2022-08-07 20:28
    小杜coding的博客 前端高频面试题集锦，有需要的小伙伴可以点赞收藏!
  • 前端知识总结（一）
    2020-09-08 23:32
    Ther_su的博客 首先，事件循环从宏任务 (macrotask) 队列开始，最初始，宏任务队列中，只有一个 scrip t(整体代码)任务；当遇到任务源 (task source) 时，则会先分发任务到对应的任务队列中去。所以，就和上面例子类似，首先遇到...
  • 前端有关js和jQuery面试题！！！
    2023-08-19 11:52
    jz小白的博客 函数防抖是需要一个延时器来辅助实现，延迟执行需要执行的代码，如果方法多次触发，把上次记 录的延迟执行代码用cleartimeout清除掉，重新开始，如果计时完毕，没有方法来访问触发，则执 行代码。
  • 前端需要知道的HTTP知识
    2023-08-22 12:40
    薛定谔的猫96的博客 是一个用于传输超媒体文档（例如 HTML）的应用层协议。它是为 Web 浏览器与 Web 服务器之间的通信而设计的，但也可以用于其他目的。HTTP 遵循经典的客户端—服务端模型，客户端打开一个连接以发出请求，然后等待直到...
  • 《前端技术架构与工程》之性能笔记
    2020-06-14 15:17
    wsdchong之小马过河的博客 《前端技术架构与工程》之性能 前言： 《前端技术架构与工程》这本书真的越看越有味。目前写了部分这本书的笔记，共分为三部分做笔记，已写了两篇如下。 《前端技术架构与工程》初次笔记 《前端技术架构与工程》之...
  • 杜骡的前端面试题（大全）
    2022-06-10 22:55
    crushcoding的博客 是因为在IE中通过@import导入css文件引起的 因为通过@import导入的css样式是在整个HTML文档DOM加载完毕之后才会开始加载css样式,我们可以将引入css的方法改成通过link引入就好了,因为通过link标签引入css样式是和...
  • 【前端】【JavaScript】基础知识
    2022-11-15 16:32
    码字小萌新♡的博客 用来读取网页中的JavaScript 代码，对其处理后运行； JS引擎执行代码时逐行解释每一句源码，然后由计算机去执行； (四) JS 的组成 JavaScript由ECMAScript(JavaScript 语法),DOM(页面文档对象类型),BOM(浏览器对象...
  • 为什么script标签要放在body前，而不是head中？
    2020-06-04 15:26
    干前端的博客 一，按照传统的做法，所有script元素都应该放在页面的head元素中，这种做法的目的就是把所有外部文件（包括css和JavaScript文件）的引用都放在相同的地方，可是，在文档的head元素中包含所有JavaScript文件，意味着...
  • ＜script ＞＜/script＞的几种引入方式
    2025-06-20 17:50
    qq_49077729的博客 ├─ 模块脚本 → 异步加载 → 解析完成后执行（类似 defer）├─ defer 脚本 → 异步加载 → 延迟到解析完成后执行。下载完成后立即执行（可能中断 HTML 解析）├─ 执行 defer 脚本（按顺序）：需要立即执行的脚本...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 6月19日
  • 已采纳回答 6月11日
  • 创建了问题 6月11日