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

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

javascript jquery

Javascript 如何在加载html文档时检测iframe文档的主体是否已准备好显示？,javascript,jquery,Javascript,Jquery,假设一个HTML文档有一个iframe。使用javascript，我想在加载html文档时检测iframe文档的主体是否已准备好显示我希望能够覆盖iframe的主体内容（在它实际加载之前）。有什么建议吗？我可以用jquery来做吗假设，HTML文档是 <html> <head> </head> <body> <iframe id="ifrmId" src="http://www.google.com&q

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

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

假设，HTML文档是

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

您可以在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的内部文档，文件需要位于同一个域上，这是因为存在限制