如何检测，在加载html文档时，iframe文档的主体是否准备好显示？

Question

假设一个 HTML 文档有一个 iframe。 使用 javascript，我想在加载 html 文档时检测 iframe 文档的主体是否已准备好显示。

我希望能够覆盖 iframe 的主体内容（在实际加载之前）。 有什么建议么？ 我可以用 jquery 来做吗？

说如果，HTML 文档是

<html>
<head>
</head>
<body>
<iframe id="ifrmId"  src="http://www.google.com" >
</iframe>
</body>
</html>

Answer 1

您可以在 iframe 元素上使用 onload 事件：

var iframe = document.getElementById('ifrmId');
iframe.onload = function () {
  // iframe loaded
  var innerDocument = iframe.contentDocument || iframe.contentWindow.document;
};

编辑：使用 jQuery，完全相同的想法：

$('#ifrmId').load(function () {
  // iframe loaded
  var innerDocument = $(this).contents();
});

请记住，如果要操作 iframe 的内部文档，文件需要在同一域中，这是因为同源策略限制。