onerror是单次触发的事件处理器，非循环钩子；它在资源加载失败或JS运行错误时调用一次，不会自动重复执行或跳出循环。

onerror 本身不运行在循环里，别被名字误导

很多人以为 onerror 是某种循环钩子，其实它只是个事件处理器——图片加载失败、脚本执行出错等触发时才调用一次。它不会“在循环中反复触发”，更不存在“跳出循环”这个动作。如果你看到它在循环里被反复调用，大概率是把 onerror 绑定逻辑写在了循环体内，每次迭代都新建一个监听，而不是你想的“在某个循环里被中断”。

循环中动态创建 img 并处理加载失败，怎么避免重复绑定

典型场景：遍历 URL 数组，new Image() 加载每张图，失败时跳过或记录。错误做法是直接在循环里给每个 img 写 onerror = function() { ... }，但若后续还要复用该 img 或逻辑复杂，容易因闭包捕获错变量而行为异常。

• 用函数表达式 + 立即执行闭包，确保 i 或 url 值正确：

  urls.forEach((url, i) => {
    const img = new Image();
    img.onerror = () => console.error(`加载失败: ${url}`);
    img.src = url;
  });

• 别在循环里反复赋值同一个全局 onerror（即 window.onerror），它只应处理未捕获的 JS 错误，和资源加载无关
• 如果真需要“某次失败就终止后续加载”，得手动控制流程，比如用 for...of + break，但注意：这只会停止创建新 img，已发出的请求不会取消

想中止正在加载的图片请求？浏览器不支持直接 cancel

HTMLImageElement 没有 abort() 或 cancel() 方法。一旦设置 img.src，请求就发出去了，onerror 触发时早已无法撤回。

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• 可提前校验 URL 格式或加前缀判断是否跳过：if (!url.startsWith('http')) return;
• 如需精细控制并发与中断，改用 fetch() + AbortController，再用 createObjectURL() 渲染：

  const controller = new AbortController();
  fetch(url, { signal: controller.signal })
    .then(r => r.blob())
    .then(blob => img.src = URL.createObjectURL(blob))
    .catch(err => {
      if (err.name === 'AbortError') console.log('已中止');
    });

• 注意 fetch 不会触发 <img> 的 onerror，错误得自己 catch

常见混淆点：window.onerror 和 img.onerror 完全无关

这两个是不同作用域、不同触发条件的事件：

立即学习“前端免费学习笔记（深入）”；

• window.onerror 捕获全局 JS 运行时错误（语法错、引用错等），参数是 (msg, url, line, col, err)
• <img>.onerror 只响应该元素资源加载失败（404、跨域、格式损坏等），不带堆栈，也不影响其他元素
• 混用会导致调试困难：比如把图片 404 误当成 JS 报错去查 window.onerror 日志
• 两者都不能“跳出 for 循环”——它们是异步回调，循环早就执行完了

实际要做的，往往是控制“是否继续发起下一个请求”，而不是幻想中止一个已经发出的 HTTP 请求。这点特别容易被忽略。