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
< p >
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> " 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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/programmation/javascript-programming/91011.html' >Comment initialiser un tableau JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/javascript-programming/91013.html' >Comment passer un entier en fonction en JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> articles connexes </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91163.html" title="Tutoriel JavaScript et référence " target="_self">Tutoriel JavaScript et référence </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90889.html" title="Des orientations pour une Thickbox Jquery " target="_self">Des orientations pour une Thickbox Jquery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90849.html" title="Comment garder le Prototype JS Jusqu'à Date " target="_self">Comment garder le Prototype JS Jusqu'à Date </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90969.html" title="Comment faire pour masquer des éléments multiples en Javascript " target="_self">Comment faire pour masquer des éléments multiples en …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90911.html" title="Comment faire pour empêcher JavaScript d'être consultés dans Firebug " target="_self">Comment faire pour empêcher JavaScript d'être consult…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91201.html" title="Comment changer le curseur sur Rollover " target="_self">Comment changer le curseur sur Rollover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90962.html" title="Comment faire pour modifier Strings & chaînes en JavaScript " target="_self">Comment faire pour modifier Strings & chaînes en JavaS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90890.html" title="Comment diviser plusieurs séparateurs en JavaScript " target="_self">Comment diviser plusieurs séparateurs en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90828.html" title="Un tutoriel pour HTML 5 Canvas Animation " target="_self">Un tutoriel pour HTML 5 Canvas Animation </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90961.html" title="Comment placer des fonctions JavaScript dans Footer " target="_self">Comment placer des fonctions JavaScript dans Footer </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">articles en vedette </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92894.html" title="Comment utiliser PHP dans un fichier HTML " target="_self">Comment utiliser PHP dans un fichier HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89445.html" title="Comment ajouter une nouvelle méthode dans NetBeans " target="_self">Comment ajouter une nouvelle méthode dans NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86813.html" title="Comment désactiver le diviseur dans HDividedBox " target="_self">Comment désactiver le diviseur dans HDividedBox </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96216.html" title="Comment enregistrer des images à partir du contrôle PictureBox dans Visual Basic " target="_self">Comment enregistrer des images à partir du contrôle P…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/86017.html" title="Comment déboguer avec DBX " target="_self">Comment déboguer avec DBX </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90742.html" title="Comment savoir si une taupe doit être retiré " target="_self">Comment savoir si une taupe doit être retiré </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89541.html" title="Comment régler le poids d'un gestionnaire de soumission " target="_self">Comment régler le poids d'un gestionnaire de soumissio…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/85714.html" title="Comment supprimer un index dans un tableau dynamique d'entiers " target="_self">Comment supprimer un index dans un tableau dynamique d'…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95195.html" title="Comment vérifier une liste de Radio Button dans Vb.net " target="_self">Comment vérifier une liste de Radio Button dans Vb.net…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90595.html" title="Java 1.5 Enum Tutoriel " target="_self">Java 1.5 Enum Tutoriel </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
