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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Iniciar-una-matriz-de-JavaScript-.html' >Cómo Iniciar una matriz de JavaScript </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-pasar-un-entero-a-una-función-de-JavaScript-.html' >Cómo pasar un entero a una función de JavaScript </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/La-combinación-de-teclas-de-acceso-rápido-JavaScript-.html">La combinación de teclas de acceso rápido JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Fecha-Diferencia-en-Java-Script-.html">Fecha Diferencia en Java Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Variables-de-Adobe-Ciclos-de-Vida-.html">Variables de Adobe Ciclos de Vida </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-una-barra-de-búsqueda-a-tu-sitio-web-Editorial-.html">Cómo agregar una barra de búsqueda a tu sitio web Editorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-usar-JavaScript-para-crear-un-Prime-Factor-Número-.html">Cómo usar JavaScript para crear un Prime Factor Número </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-codificar-parámetros-en-AJAX-.html">Cómo codificar parámetros en AJAX </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-poner-código-JavaScript-en-un-archivo-PHP-.html">Cómo poner código JavaScript en un archivo PHP </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Obtener-el-código-fuente-de-un-elemento-de-imagen-con-JavaScript-.html">Cómo Obtener el código fuente de un elemento de imagen con JavaScript </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/JavaScript-Vs---VBScript-.html" >JavaScript Vs . VBScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Historia-de-Javascript-.html" >Historia de Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-ocultar-varios-elementos-en-Javascript-.html" >Cómo ocultar varios elementos en Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-Habbo-Retro-.html" >Cómo hacer un Habbo Retro </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-concatenar-una-cadena-con-una-variable-en-JavaScript-.html" >Cómo concatenar una cadena con una variable en JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Cómo-se-puede-definir-una-constante-en-JavaScript-.html" >¿Cómo se puede definir una constante en JavaScript </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-conseguir-una-página-Web-remoto-con-JavaScript-.html" >Cómo conseguir una página Web remoto con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-un-Banner-Ciclismo-JavaScript-.html" >Cómo hacer un Banner Ciclismo JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-corregir-los-errores-de-secuencias-de-comandos-.html" >Cómo corregir los errores de secuencias de comandos </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-actualizar-los-cookies-Via-JavaScript-.html" >Cómo actualizar los cookies Via JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/JavaScript-Tutorial-y-Referencia-.html" >JavaScript Tutorial y Referencia </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-Float-con-JavaScript-.html" >Cómo agregar Float con JavaScript </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 