使用setTimeout延迟资源加载是否会推迟或阻止onload事件触发？

1. 使用setTimeout延迟资源加载逻辑，是否会推迟onload事件触发？ #

• 结论：不会
• 原理：window.onload的触发条件是「当前页面初始解析过程中同步声明的所有静态资源（包括HTML内嵌/引用的脚本、样式、图片、字体、iframe等）全部加载完成」。如果你的外部资源加载逻辑本身是包裹在setTimeout回调里的，那么这个资源请求不会被纳入初始资源统计队列，浏览器不会等这个回调执行、更不会等回调里的资源加载完成才触发onload。
• 示例场景：

// 页面加载阶段同步执行的代码
setTimeout(() => {
  // 3秒后才发起的脚本请求，完全不参与页面初始加载统计
  const lazyScript = document.createElement('script')
  lazyScript.src = './external-script.js'
  document.body.appendChild(lazyScript)
}, 3000)

上述代码中，只要页面初始的静态资源加载完成，onload就会正常触发，不会等待3秒后才加载的脚本。

2. setTimeout设置极大的延迟时长，onload会不会永远无法触发？ #

• 结论：绝对不会
• 原理：setTimeout的回调属于异步宏任务，只会进入事件队列等待调度，完全不会阻塞浏览器的页面解析、资源加载、事件触发的主流程。哪怕你设置了setTimeout支持的最大延迟值2147483647（约24.8天），浏览器也只会将该回调暂存到待执行队列，不会影响onload的正常触发。
• 补充：即使setTimeout回调中包含资源加载逻辑，也仅在回调实际执行后才会发起资源请求，和onload的触发时机没有任何关联。

内容的提问来源于stack exchange，提问作者AGamePlayer