iframe的加载事件有以下几个：1、onload事件；2、onunload事件；3、onunload事件。
onload事件是iframe加载完成后触发的事件。当嵌套的页面完全加载并准备好时，这个事件会被触发。开发者可以使用这个事件来执行与加载内容相关的操作，例如修改iframe的样式、内容或与其交互。
一、onload事件
onload事件是iframe加载完成后触发的事件。当嵌套的页面完全加载并准备好时，这个事件会被触发。开发者可以使用这个事件来执行与加载内容相关的操作，例如修改iframe的样式、内容或与其交互。
<iframe src="example.html" onl oad="iframeLoaded()"></iframe>
<script>
function iframeLoaded() {
// 执行加载后的操作
}
</script>二、onunload事件
onunload事件是在用户离开包含iframe的页面时触发的事件。这个事件通常用于清理和释放资源，以确保页面的正常卸载。例如，可以在这个事件中关闭与iframe相关的资源或停止正在进行的操作。
<iframe src="example.html" onunload="iframeUnloaded()"></iframe>
<script>
function iframeUnloaded() {
// 执行卸载前的清理操作
}
</script>三、onreadystatechange事件
onreadystatechange事件是在iframe的加载状态发生变化时触发的事件。这个事件通常与readyState属性一起使用，readyState表示iframe的加载状态，包括loading、interactive和complete等状态。
<iframe src="example.html" id="myIframe"></iframe>
<script>
var iframe = document.getElementById("myIframe");
iframe.onreadystatechange = function () {
if (iframe.readyState === "complete") {
// iframe加载完成后的操作
}
};
</script>了解这些iframe加载事件可以帮助开发者更好地控制和管理嵌套页面的加载过程，确保页面的正常运行和用户体验。无论是执行与加载后操作、卸载前清理还是根据加载状态做出不同的响应，都可以通过这些事件来实现。
常见问答
- 为什么要了解iframe加载事件？
- 了解iframe加载事件是为了控制和管理嵌套页面的加载过程。通过这些事件，开发者可以在iframe加载完成后执行相关操作，确保页面的正常运行，或者在用户离开页面时进行清理和资源释放。
- 什么是onload事件？
onload事件是iframe加载完成后触发的事件。当嵌套的页面完全加载并准备好时，这个事件会被触发，开发者可以在此时执行与加载内容相关的操作。
- iframe是什么？
- iframe是HTML中的一个元素，用于在网页中嵌套其他网页或文档。它可以将外部内容嵌入到当前页面，允许用户在一个页面中看到来自不同源的内容。