Utilisation et précautions de l'échange iframe_Experience

Cet article parle principalement de l'utilisation et des précautions de l'iframe :
De nombreux camarades ne savent pas grand-chose sur la façon dont l'iframe est contrôlé, et ils sont fondamentalement encore dans un vague état de compréhension
Faites attention à deux. choses, ifr est l'ID et la valeur NAME d'une iframe existante :
 document.getElementById("ifr");
 window.frames["ifr"]; utilisez la fonction iframe, les variables doivent passer par la deuxième méthode. Parce qu'elle prend un modèle DOM complet (je ne sais pas si c'est correct). La première méthode supprime simplement un OBJET. vous souhaitez modifier le src ou la bordure de l'iframe, le défilement et d'autres attributs (qui ne sont pas le même concept que la propriété, la propriété ne peut pas être écrite dans des balises, telles que : scrollHeight, innerHTML, etc.), vous devez utiliser la première méthode.

Si vous souhaitez obtenir la page iframe (pas l'iframe elle-même), vous devez utiliser la deuxième méthode, car elle obtient un modèle DOM complet. Par exemple, si vous souhaitez obtenir le contenu des iframes. document.body, vous ne pouvez utiliser que la deuxième méthode.

Notez également que si vous appelez le modèle DOM de l'iframe alors que la page iframe n'est pas complètement chargée, une erreur grave se produira, vous devez donc préparer une erreur. -mode tolérant.

Les exemples suivants sont, l'un est aa.htm et l'autre est bb.htm. Veuillez d'abord vérifier qu'il fonctionne localement. Je n'ai pas besoin d'expliquer les raisons !
aa.htm

Page sans titre <title></title> <style type="text/css"> <!-- body{ margin:0px; } --> </style> <iframe id="ifr" name="ifr" width="100%" height="500" src="bb.htm"></iframe> [Ctrl+A Tout sélectionner Remarque :
Si vous devez introduire des J externes, vous devez actualiser pour exécuter ] bb.htm

sous-cadre <title> Je suis un sous-cadre ! ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... ... </title> <style type="text/css"> <!-- html,body{ margin:0px; width:90%; } --> </style>
[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter ]