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
< p >
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=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/91023.html' >Comment vérifier un espace blanc avec Javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/javascript-programming/91025.html' >Comment changer la couleur de fond d'une ligne dans 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/91226.html" title="Comment contrôler les barres de défilement avec JavaScript " target="_self">Comment contrôler les barres de défilement avec JavaS…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90887.html" title="Comment utiliser coloriser dans jQuery " target="_self">Comment utiliser coloriser dans jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90996.html" title="Comment afficher une variable dans JavaScript " target="_self">Comment afficher une variable dans JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91225.html" title="Comment diagnostiquer les problèmes avec Javascript " target="_self">Comment diagnostiquer les problèmes avec Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91216.html" title="Comment changer les couleurs de polices avec JavaScript " target="_self">Comment changer les couleurs de polices avec JavaScript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90951.html" title="Comment appeler JavaScript partir d'un modèle HTML " target="_self">Comment appeler JavaScript partir d'un modèle HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91064.html" title="Comment combiner Javascripts " target="_self">Comment combiner Javascripts </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/90901.html" title="Comment changer Div texte en gras en JavaScript " target="_self">Comment changer Div texte en gras en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91168.html" title="Comment faire pour supprimer une barre d'adresse en HTML " target="_self">Comment faire pour supprimer une barre d'adresse en HTM…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/javascript-programming/91054.html" title="Comment mettre en évidence une colonne en JavaScript " target="_self">Comment mettre en évidence une colonne en JavaScript </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/python-programming/93502.html" title="Comment écrire un script Bot " target="_self">Comment écrire un script Bot </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92377.html" title="Procédure de réécriture des URL dans les fichiers PHP à un autre nom de domaine " target="_self">Procédure de réécriture des URL dans les fichiers PH…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89012.html" title="Comment faire JNLP Ouvrir avec Java " target="_self">Comment faire JNLP Ouvrir avec Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87453.html" title="Comment résoudre les problèmes informatiques avec les mathématiques " target="_self">Comment résoudre les problèmes informatiques avec les…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89493.html" title="Comment configurer Ant avec Eclipse Step-by -Step " target="_self">Comment configurer Ant avec Eclipse Step-by -Step </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/85304.html" title="Comment mots en gras en C + + avec Xcode " target="_self">Comment mots en gras en C + + avec Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/python-programming/93844.html" title="Comment Passer les lignes de commentaires en Python " target="_self">Comment Passer les lignes de commentaires en Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95368.html" title="Comment écrire une fonction pour insérer des éléments dans la boîte de liste déroulante modifiable en Visual Basic " target="_self">Comment écrire une fonction pour insérer des élémen…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/91347.html" title="Comment analyser le script PHP dans un site Web ASP.net " target="_self">Comment analyser le script PHP dans un site Web ASP.net…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90201.html" title="Comment faire pour convertir un Decimal en entier dans Java " target="_self">Comment faire pour convertir un Decimal en entier dans …</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>
