un cadre en ligne , ou iFrame est un objet sur une page Web qui peut contenir un autre objet, comme une autre page Web . Avec JavaScript, vous avez la possibilité de passer outre , ou de modifier le contenu de ce qui est affiché dans le iFrame en modifiant l'attribut de la balise iFrame "src" . Vous pouvez permettre à l'utilisateur de remplacer le iFrame en associant cette fonctionnalité avec un bouton, par exemple . Instructions
1

Créer un nouveau fichier HTML dans un éditeur ou en utilisant le Bloc-notes. ! Par exemple, tapez :

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

Redéfinition Page 2 <p> Ajouter un iFrame à la page Web et attribuer un identifiant à elle. Ajouter un bouton à la page Web pour remplacer le iFrame . Par exemple, entre les balises HTML " <body> " , tapez: <br> <p> <form> <input type = "button" nom = valeur " override " = " Override" onclick = " changeIFrame () "/> </form> Photos <p> <hr/> <br> <p> <iframe id="frame1" src="http://www.example.com"> </iframe> <br> 3 <p> créer une fonction JavaScript pour remplacer le contenu de l'iframe et l'insérer entre les balises " <head><meta name=viewport content="width=device-width, initial-scale=1.0"> " dans le document HTML. Par exemple, tapez : <br> <p> <script type="text/javascript"> <br> <p> fonction changeIFrame () { var <br> <p> actu = document.getElementById (" frame1 " . ) src ; <br> <p> if ( cur.match ( /yahoo /) ) <br> <p> document.getElementById (" frame1 " ) src = . <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/91011.html' >Comment initialiser un tableau JavaScript </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Programmation-JavaScript/91013.html' >Comment passer un entier en fonction en 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/91121.html">Comment ajouter des éléments à une zone de liste déroulante avec JavaScript </a></li><li><a href="/programmation/Programmation-JavaScript/90763.html">Comment utiliser plusieurs plugins avec JW Player </a></li><li><a href="/programmation/Programmation-JavaScript/91209.html">Comment faire pour exécuter une horloge sur une page Web en utilisant Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/91248.html">Comment convertir le HTML en JSP </a></li><li><a href="/programmation/Programmation-JavaScript/90876.html">Arrondir des numéros de Javascript </a></li><li><a href="/programmation/Programmation-JavaScript/90824.html">Comment faire une carte Google Map Overlay </a></li><li><a href="/programmation/Programmation-JavaScript/91165.html">Niveau intermédiaire Javascript Tutorial </a></li><li><a href="/programmation/Programmation-JavaScript/91070.html">Comment faire défiler les messages dans la barre d'état </a></li><li><a href="/programmation/Programmation-JavaScript/91208.html">Comment créer Java Script </a></li><li><a href="/programmation/Programmation-JavaScript/91078.html">Comment obtenir la source d'un élément d' image en utilisant 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>