un marco en línea o iFrame , es un marco dentro de una página Web que puede contener un objeto externo, como otra página Web. El atributo iFrame "src " especifica la página Web que se cargue en el marco. A menudo es el caso de que usted desea que el contenido iFrame a variar en función de la lógica del programa , un evento o algún otro criterio en tiempo de ejecución . Usted puede cambiar el contenido del iFrame modificando su atributo "src " . Instrucciones
1
Crear un nuevo archivo HTML con un editor HTMlL o el Bloc de notas. Introduzca las cabeceras HTML para el archivo. ! Por ejemplo , escriba:
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
marco < /title> <br> 2 <p> Definir una función de JavaScript para cambiar el atributo "src " del iFrame con el fin de cambiar su contenido . Por ejemplo , escriba: <br> <p> <script type="text/javascript"> <br> changeContents <p> función () { var <br> <p> frame = document.getEelemtnById ( " MyFrame " ) ; <br> <p> if ( frame.src = " this.html " ) <br> <p> frame.src = " that.html " ; <br> <p> más <br> marco <p> . src = " this.html " ; <br> <p> <br> <p> } < /script > <br> <p> < /head> <br> 3 <p > Crear un botón HTML dentro de las etiquetas "body" que llama a la función JavaScript para cambiar el contenido iFrame cuando se hace clic . Por ejemplo , escriba: <br> <p> <body> <br> <p> <form> <input type="button" value="Change" onclick="changeContents()" /> < /form> <br> 4 <p> Inserte el iFrame en la página web. Por ejemplo , escriba: <br> <p> <iframe id="myFrame" src="this.html" width="300" height="300"> < /iframe > <br> <p> < ;/body> <br> <p> < /html> <br> 5 <p> Guarde el archivo y tire hacia arriba de la página web en un navegador. Pon a prueba para asegurarse de que el script funciona correctamente. <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='/Programacion/javascript-programming/91023.html' >Cómo comprobar el espacio en blanco para con Javascript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91025.html' >Cómo cambiar el color de fondo de una fila 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"> Artículos relacionados </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="/Programacion/javascript-programming/90929.html" title="Cómo agregar una entrada Casilla de verificación con JavaScript " target="_self">Cómo agregar una entrada Casilla de verificación con …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90978.html" title="Cómo insertar PHP en JavaScript " target="_self">Cómo insertar PHP en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91096.html" title="XML Tool Tip Tutorial " target="_self">XML Tool Tip Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90995.html" title="Cómo modificar una URL de una página con JavaScript " target="_self">Cómo modificar una URL de una página con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91217.html" title="¿Qué es JavaScript Void " target="_self">¿Qué es JavaScript Void </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91094.html" title="Cómo convertir OS Grid para GPS " target="_self">Cómo convertir OS Grid para GPS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91187.html" title="Cómo habilitar el servidor de control de uso de Javascript " target="_self">Cómo habilitar el servidor de control de uso de Javasc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91022.html" title="Cómo comparar los objetos de fecha en JavaScript " target="_self">Cómo comparar los objetos de fecha en JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90880.html" title="JavaScript Función Redondeo " target="_self">JavaScript Función Redondeo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90992.html" title="Cómo hacer un DIV Visible con un desplazamiento de JavaScript " target="_self">Cómo hacer un DIV Visible con un desplazamiento de Jav…</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">Artículos destacados </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="/Programacion/java-programming/89715.html" title="¿Cómo puedo mostrar un número sin decimales en Java " target="_self">¿Cómo puedo mostrar un número sin decimales en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88915.html" title="Cómo convertir un binario negativo a Decimal " target="_self">Cómo convertir un binario negativo a Decimal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85437.html" title="Los programas en C + + que revierta una frase " target="_self">Los programas en C + + que revierta una frase </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95203.html" title="Cómo enviar un archivo adjunto de correo electrónico en Vb.Net " target="_self">Cómo enviar un archivo adjunto de correo electrónico …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92952.html" title="Cómo navegar en el medio de un archivo PHP " target="_self">Cómo navegar en el medio de un archivo PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91816.html" title="Cómo crear un Área de Cliente con PHP " target="_self">Cómo crear un Área de Cliente con PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88346.html" title="Cómo programar un juego de bingo " target="_self">Cómo programar un juego de bingo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86647.html" title="Cómo importar una pantalla LabView De CCI " target="_self">Cómo importar una pantalla LabView De CCI </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88555.html" title="Cómo utilizar VBA para mover datos de Excel a Word " target="_self">Cómo utilizar VBA para mover datos de Excel a Word </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91219.html" title="Cómo cambiar un hipervínculo con JavaScript " target="_self">Cómo cambiar un hipervínculo con JavaScript </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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
