iframe 载入页面失败事件

当iframe载入页面失败时，可以通过监听iframe的load事件来捕获该事件。以下是一个示例代码：

<iframe src="http://www.example.com" id="myFrame"></iframe>

<script>
var myFrame = document.getElementById("myFrame");
myFrame.addEventListener("load", function() {
  // 页面成功加载
});

myFrame.addEventListener("error", function() {
  // 页面加载失败
});
</script>

在上面的代码中，我们给iframe添加了两个事件监听器，分别监听load和error事件。当页面成功加载时，load事件将被触发。当页面加载失败时，error事件将被触发。在事件处理程序中，我们可以做一些额外的处理，例如显示错误消息等。

相关问题

iframe js 加载失败_用js动态添加了一个iframe，无法访问iframe页面的方法<急>

可能是因为跨域问题导致无法访问 iframe 页面。要解决这个问题，可以尝试以下几种方法：

1. 确保 iframe 页面与主页面在同一域名下，或者在主页面所在域名的 CORS 白名单中。

2. 如果 iframe 页面与主页面不在同一域名下，可以在 iframe 页面中设置 `document.domain` 为主页面所在的域名。

3. 如果无法解决跨域问题，可以使用 postMessage API 实现跨域通信。在主页面中，可以使用 `window.postMessage()` 方法向 iframe 发送消息；在 iframe 页面中，可以监听 `window.addEventListener('message', handleMessage)` 事件，接收主页面发送过来的消息，并做出相应的处理。

希望以上方法能够帮助到你。

iframe嵌套页面不显示

如果iframe嵌套的页面不显示，可能有以下原因：

1. 页面路径错误：请检查iframe的src属性是否指向正确的页面路径。

2. 页面加载失败：可能是因为嵌套的页面无法加载，可能由于网络问题或页面本身的问题导致。

3. 安全策略：某些浏览器可能会限制嵌套页面的加载，以保护用户的安全。例如，如果嵌套页面与父页面不在同一个域下，某些浏览器可能会阻止它们之间的通信。

4. CSS样式问题：请检查CSS样式是否正确设置，可能导致页面无法显示。

解决方法：

1. 检查页面路径是否正确，确保页面可以正常加载。

2. 检查网络连接是否正常，或者尝试在其他浏览器中加载页面。

3. 如果是安全策略问题，请尝试使用跨域解决方案，例如CORS或JSONP。

4. 检查CSS样式是否正确设置，确保页面可以正确显示。