询问加载返回204响应的iframe触发的DOM事件

好问题！我刚好研究过这种场景，当iframe加载返回204 No Content的资源时，虽然没有实际内容渲染，但浏览器依然会触发一系列DOM事件，下面给你逐一梳理清楚：

首先明确：即使是204响应，iframe的加载流程依然会走完核心链路，只是不会渲染任何内容。以下是你可以用来做处理的关键事件：

• load事件：这是最靠谱的核心事件！浏览器接收到204响应并完成整个加载流程后，一定会触发iframe的load事件。哪怕没有任何内容返回，只要状态码是2xx这类成功状态，这个事件就会正常触发。你可以直接用iframe.addEventListener('load', 你的处理函数)来监听，这也是处理这类场景最常用的方式。

• readystatechange事件：iframe的readyState会经历从loading到complete的状态变化，当状态变为complete时，readystatechange事件会触发。它的触发时机和load事件接近，你也可以通过监听这个事件来判断加载完成。

• DOMContentLoaded事件：这个事件通常在DOM树构建完成时触发，对于204响应来说，因为没有HTML内容，DOM树是空的，但Chrome、Firefox等主流浏览器依然会触发这个事件。不过它的兼容性不如load稳定，触发时机可能更早，所以优先级不如load高。

误区澄清 #

• 不会触发error事件：204属于成功状态码，不属于请求错误范畴，所以iframe不会触发error事件。只有当请求失败（比如404、500、跨域权限问题等）时，这个事件才会被触发。

实践示例 #

如果你需要在204加载完成后做后续处理，优先用load事件更稳妥，比如：

const myIframe = document.getElementById('target-iframe');
myIframe.addEventListener('load', () => {
  console.log('204响应加载完成，可执行后续操作');
  // 这里可以添加你的业务逻辑，比如隐藏iframe、更新页面状态等
});

另外要注意：如果是跨域的204响应，你依然能监听上述事件，但受同源策略限制，无法访问iframe内部的document对象，这一点需要提前考虑。

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