怎么让一个iframe加载页面成功的事件

在JavaScript中，如果你想监听一个iframe加载完成的事件，你可以使用`window.onload`或`.addEventListener('load')`方法。以下是两种常见的做法：

1. 使用`window.onload`属性：

// 获取iframe元素
var iframe = document.getElementById('your_iframe_id');

// 监听iframe的加载完成
window.onload = function() {
  if (iframe.contentWindow && iframe.contentWindow.document) { // 检查iframe是否已加载
    // 如果加载成功，执行后续操作
    console.log("Iframe loaded successfully.");
  }
};

2. 使用`addEventListener`方法：

// 获取iframe元素
var iframe = document.getElementById('your_iframe_id');

// 添加load事件监听器
iframe.addEventListener('load', function() {
  if (iframe.contentWindow && iframe.contentWindow.document) { // 检查iframe是否已加载
    // 执行回调函数
    console.log("Iframe loaded successfully.");
  }
});

在这两种情况中，我们都会检查iframe的内容窗口（contentWindow）是否存在以及其内容文档（document），如果两者都存在，则表示iframe已经成功加载。