如何在加載html文檔時檢測iframe文檔的主體是否已準備好顯示？

假設一個HTML文檔有一個iframe。使用JavaScript，我想檢測，在加載的HTML文件，是否可以顯示iframe文檔的主體。如何在加載html文檔時檢測iframe文檔的主體是否已準備好顯示？

我希望能夠覆蓋iframe的正文內容（在執行負載前）。有什麼建議嗎？我可以用jQuery來做到嗎？

說，如果，HTML文檔是

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

來源

2009-09-07 Annibigi

您可以在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的inn呃文件，這個文件需要在同一個域上，這是因爲same origin policy的限制。

來源

2009-09-07 05:58:56 CMS

如何在加載html文檔時檢測iframe文檔的主體是否已準備好顯示？

回答

相關問題