onerror无限循环是因备用图404导致事件链未切断，必须用this.onerror=null立即终止；正确写法为onerror="this.src='/placeholder.svg'; this.onerror=null;"，且需用绝对路径或base64 SVG确保兜底资源可达。
onerror 无限循环不是写法问题，而是没切断事件链——只要备用图也 404，页面就大概率卡死或白屏，必须用 this.onerror=null 立即终止。
为什么 onerror 一写就卡死？
浏览器对 onerror 的处理是“加载失败 → 触发事件 → 换 src → 再加载”，如果新 src 仍返回 404，会再次触发 onerror，形成递归。这不是 bug，是规范行为。常见诱因包括：
- 备用图路径写成相对路径（如
./fallback.png），实际 base URL 解析后变成 404 - 用了未验证的 CDN 地址，CDN 节点故障或路径拼错
- 误把
alt当作兜底，它只显示文字，不触发任何加载 - 在
<picture>中只写了<source>，却让内部<img>的src指向一个不存在的地址
onerror 必须内联且立即切断
动态绑定 addEventListener('error', ...) 在 Safari 和旧 Edge 中基本不可靠；document.addEventListener('error') 也不捕获图片错误（事件不冒泡）。唯一稳定方式是内联写法，并严格遵循执行顺序：
- 赋值新
src后必须立刻执行this.onerror=null，分号不能省，顺序不能换 - 推荐使用绝对路径或 base64 SVG，彻底规避路径风险：
data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg== - 错误写法：
onerror="this.src='fallback.png'"→ 卡死高发 - 正确写法：
onerror="this.src='/assets/placeholder.svg'; this.onerror=null;"
动态创建的 <img> 怎么防循环？
JS 创建的图片元素，onerror 必须在插入 DOM 前绑定，否则首次加载失败时事件已错过：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 不要这样：
const img = new Image(); img.src = url; container.appendChild(img); img.onerror = handler; - 要这样：
const img = new Image(); img.onerror = handler; img.src = url; container.appendChild(img); - 更稳妥的做法是用
dataset打标，避免重复降级：img.onerror = function() { if (!this.dataset.loaded) { this.dataset.loaded = '1'; this.src = '/fallback.svg'; } }; - 若需重试逻辑（如 CDN 备份 → 本地 → SVG），最多尝试 2 次，第 3 次直接设透明图并移除
onerror
<picture> 里的 onerror 容易被忽略的点
<picture> 不是“自动兜底容器”，它的 <img> 子元素才是最终 fallback 载体：
-
<source>全部不匹配时，浏览器会加载<img>的src，但不会为这个src自动加onerror - 必须显式给
<img>加onerror：<picture><source type="image/avif" srcset="a.avif"><img src="fallback.jpg" onerror="this.src='/placeholder.svg'; this.onerror=null;" alt="logo"></picture> - 禁止在
<img>的src中加查询参数（如logo.jpg?format=webp），旧浏览器可能返回 406 或损坏响应
真正难的不是写一行 onerror，而是确保每次换源都落在一个可访问、无副作用的终点上——base64 SVG 是目前最稳的收口，比任何路径都可靠。
