对于下面的 iframe，Safari 从不调用 onload 函数，也不在 iframe 中显示任何内容。我测试过的所有其他浏览器都会调用 onload 并显示默认错误网页。
<html>
<body>
<iframe src="http://www.asdkjhjhkjhkjhjhjhfhkjhsdflkjahdsjfhasf.com"
onload="alert('iframe loaded');">
</iframe>
</body>
</html>
为什么会这样？如果没有解决这个问题，那么我需要找到一种方法来检测 iframe 是否加载失败。
【问题讨论】：
标签： javascript html iframe safari
前几天我偶然发现了this post，它为Safari 中缺少的load event 提供了一种解决方法。该帖子来自 2011 年，但似乎仍然有效。
那里为 Safari 提出的解决方案是检查 iframe 的 document 上的 readyState 事件，如下所示：
<iframe id="ifra" src="http://www.asdkjhjhkjhkjhjhjhfhkjhsdflkjahdsjfhasf.com"
onload="alert('iframe loaded');">
</iframe>
<script>
var iframe = document.getElementById('ifra'),
doc = iframe.contentDocument || iframe.contentWindow;
if (doc.document) doc = doc.document;
var _timer = setInterval(function() {
if (doc.readyState == 'complete') {
clearInterval(_timer);
alert('iframe ready');
}
}, 1000);
</script>
根据Mozilla's documentation on contentDocument，仅在 Safari 中运行此脚本时，您不需要包含contentWindow 的解决方法，但我将其保留在此处，以防您想跨浏览器使用它。
【讨论】：