un cadre en ligne , ou iFrame , est un cadre à l'intérieur d'une page Web qui peut contenir un objet externe comme une autre page Web . Le iFrame attribut "src" spécifie la page Web doit être chargé dans le cadre. C'est souvent le cas que vous voulez le contenu iframe pour varient basé sur la logique du programme, un événement ou d'autres critères lors de l'exécution . Vous pouvez modifier le contenu de l'iframe en modifiant son attribut "src" . Instructions
1

Créer un nouveau fichier HTML en utilisant un éditeur HTMlL ou le Bloc-notes. Entrez les en-têtes HTML pour le fichier . ! Par exemple, tapez :

< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd "> Photos

cadre < /title> <br> 2 <p> définir une fonction JavaScript pour modifier l'attribut de l' iFrame "src" pour modifier son contenu . Par exemple, tapez : Photos <p> <script type="text/javascript"> <br> changeContents de la fonction <p> () { <br> <p> cadre var = document.getEelemtnById ( " myFrame " ) ; <br> <p> if ( frame.src = " this.html " ) <br> <p> frame.src = " that.html " ; <br> <p> autre cadre de <p> <br> . src = " this.html " ; <br> <p> } <br> <p> </script> Photos <p> </head> <br> 3 <p> Créer un bouton HTML entre les balises «corps» qui appelle la fonction JavaScript pour modifier le contenu iFrame quand on clique dessus . Par exemple, tapez : <br> <p> <body> <br> <p> <form> <input type="button" value="Change" onclick="changeContents()" /> < la forme /> <br> 4 <p> Insérer le iFrame dans la page Web. Par exemple, tapez : <br> <p> <iframe width="300" height="300"> id="myFrame" src="this.html" </iframe> Photos <p> < ;/body> Photos <p> </html> <br> 5 <p> Sauvegardez le fichier et tirer vers le haut de la page Web dans un navigateur. Test pour s'assurer que le script fonctionne correctement . <br> <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Programmation-JavaScript/91023.html' >Comment vérifier un espace blanc avec Javascript </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/91025.html' >Comment changer la couleur de fond d'une ligne dans JavaScript </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Programmation-JavaScript/90833.html">Comment le code en utilisant l'éditeur de script dans LiveCycle </a></li><li><a href="/programmation/Programmation-JavaScript/90941.html">Comment JSON données avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91088.html">Comment écrire des scripts appels d'offres en Java </a></li><li><a href="/programmation/Programmation-JavaScript/91005.html">Comment faire pour extraire des paramètres d'une URL avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91239.html">Comment faire pour trouver la date de dernière modification d'une page Web </a></li><li><a href="/programmation/Programmation-JavaScript/90935.html">Comment changer un PHP à un JS </a></li><li><a href="/programmation/Programmation-JavaScript/90942.html">Comment faire pivoter une division en JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/91011.html">Comment initialiser un tableau JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/90881.html">Différence entre Pop & Splice en Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/90966.html">Comment Timeout en JavaScript </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>