2009-09-07 7 views
0

Supposons qu'un document HTML possède un iframe. En utilisant javascript, je veux détecter, au chargement du document html, si le corps du document iframe est prêt à être affiché.comment détecter, au chargement du document html, si le corps du document iframe est prêt à être affiché?

Je veux être en mesure d'écraser le contenu du corps (avant qu'il ne se charge de tout) de l'iframe. Des suggestions? puis-je le faire avec jquery?

dire si, doc HTML est

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

Répondre

2

Vous pouvez utiliser l'événement onload sur l'élément iFrame:

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

Edit: Avec jQuery, exactement la même idée:

Gardez à l'esprit que si vous voulez manipuler l'auberge de l'iframe, n'oubliez pas:
$('#ifrmId').load(function() { 
    // iframe loaded 
    var innerDocument = $(this).contents(); 
}); 

Le document doit être sur le même domaine, c'est parce que les restrictions same origin policy.

Questions connexes