un marco en línea o iFrame , es un objeto de una página Web que puede contener otro objeto, como otra página Web. Con JavaScript , usted tiene la capacidad de anular o modificar el contenido de lo que se muestra en el iFrame cambiando el atributo " src" de la etiqueta iFrame . Puede permitir al usuario reemplazar el iFrame , asociando esa funcionalidad con un botón , por ejemplo. Instrucciones
1
Crear un nuevo archivo HTML en un editor o utilizando el Bloc de notas. ! Por ejemplo , escriba:
< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
Anulación Página 2 <p> Añadir un iframe a la página Web y asignar un ID a la misma. Agregar un botón a la página Web para anular el iFrame . Por ejemplo, entre las etiquetas HTML " <body> " , escriba: <br> <p> <form> < input type = nombre de " botón" = valor " override " = " Ignorar " onclick = " changeIFrame () "/> < /form> <br> <p> <hr/> <br> <p> <iframe id="frame1" src="http://www.example.com"> < /iframe > <br> 3 <p> Crear una función JavaScript para anular el contenido del iFrame e insertarlo entre las etiquetas " <head> " en el documento HTML. Por ejemplo , escriba: <br> <p> <script type="text/javascript"> <br> <p> changeIFrame función () { var <br> <p> act = 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='/Programacion/javascript-programming/91011.html' >Cómo Iniciar una matriz de JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/91013.html' >Cómo pasar un entero a una función de 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/90748.html" title="¿Cómo hacer de desplazamiento acumulado Offset en jQuery " target="_self">¿Cómo hacer de desplazamiento acumulado Offset en jQu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91146.html" title="Cómo comentar en un Java Script " target="_self">Cómo comentar en un Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91227.html" title="Cómo comprobar un sitio web para un Bug JavaScript " target="_self">Cómo comprobar un sitio web para un Bug JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91164.html" title="Cómo escribir Usando Javascript " target="_self">Cómo escribir Usando Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90851.html" title="Cómo actualizar las variables de sesión " target="_self">Cómo actualizar las variables de sesión </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90970.html" title="Cómo habilitar y deshabilitar barras de desplazamiento con javascript " target="_self">Cómo habilitar y deshabilitar barras de desplazamiento…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91176.html" title="Imprimir Tutorial de JavaScript " target="_self">Imprimir Tutorial de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91050.html" title="Cómo comprobar el tipo de explorador de JavaScript " target="_self">Cómo comprobar el tipo de explorador de JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90865.html" title="Cómo habilitar validadores de ASP.NET con JavaScript " target="_self">Cómo habilitar validadores de ASP.NET con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91061.html" title="Cómo borrar texto de un campo de búsqueda en una página HTML en Click " target="_self">Cómo borrar texto de un campo de búsqueda en una pág…</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/visual-basics-programming/95348.html" title="Cómo utilizar un clic del ratón como la acción en Visual Basic " target="_self">Cómo utilizar un clic del ratón como la acción en Vi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87750.html" title="Cómo copiar el botón Código para incrustar " target="_self">Cómo copiar el botón Código para incrustar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89575.html" title="Cómo hacer que un servidor de chat en Java " target="_self">Cómo hacer que un servidor de chat en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/96380.html" title="Cómo convertir un número a una fecha en VB " target="_self">Cómo convertir un número a una fecha en VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85990.html" title="Cómo utilizar los puertos COM en Visual C " target="_self">Cómo utilizar los puertos COM en Visual C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91294.html" title="Get_headers Vs . Velocidad cURL en PHP " target="_self">Get_headers Vs . Velocidad cURL en PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90119.html" title="Cómo obtener el número de líneas en un archivo Read Java " target="_self">Cómo obtener el número de líneas en un archivo Read …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88042.html" title="Cómo construir Browser Games " target="_self">Cómo construir Browser Games </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86448.html" title="¿Qué es el espacio en blanco en Matlab " target="_self">¿Qué es el espacio en blanco en Matlab </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93020.html" title="Cómo determinar si existe un archivo en PHP " target="_self">Cómo determinar si existe un archivo en PHP </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>
