如何检测返回204状态码的iframe是否完成加载（基于事件而非内容）

嘿，这个问题确实有点棘手——因为204 No Content的响应不会给iframe填充任何实际内容，常规的load事件在部分浏览器里可能不会触发，这也是你之前参考的回答可能没解决问题的原因。不过咱们完全可以通过监听iframe的状态变化事件来准确判断请求已发送完成，不用去检查iframe的内容。

最可靠的方法：监听readystatechange事件 #

不管服务器返回什么状态码，浏览器处理完iframe的请求后，都会更新iframe的readyState属性。当这个属性变为complete时，就代表请求已经发送并得到了服务器的响应（哪怕是204无内容）。

示例代码如下：

const iframe = document.getElementById('my-target-iframe');

// 监听状态变化
iframe.addEventListener('readystatechange', () => {
  if (iframe.readyState === 'complete') {
    console.log('✅ iframe 请求已完成（204响应也会触发）');
    // 这里写你的后续业务逻辑
  }
});

// 设置要加载的目标URL
iframe.src = '你的204状态码接口地址';

这个方法的核心是：readyState的complete状态不依赖于iframe是否有内容，它只代表浏览器已经完成了对该请求的整个处理流程——包括发送请求、接收响应、处理结果（哪怕结果是空的）。

额外兼容：搭配load事件（可选） #

虽然部分浏览器在204响应下不会触发load事件，但有些环境下可能会触发。为了覆盖更多场景，你可以同时监听load事件，做双重保障：

iframe.addEventListener('load', () => {
  console.log('🔄 iframe load 事件触发（部分浏览器204响应会触发）');
});

注意跨域情况 #

如果你的iframe目标URL是跨域的，你无法访问iframe内部的文档内容或响应状态，但上面的事件监听依然有效——因为这些事件是绑定在父页面的iframe元素上的，不受跨域限制（只要是你主动创建的iframe）。

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