-
Cómo escribir funciones en iFrame
-
La adición de funciones de JavaScript que interactúan con un iFrame en su página web es muy útil cuando se quiere escribir el contenido dinámico de un cuadro a otro. Un iframe es un marco en línea que utiliza un documento diferente como su fuente. Esto le permite dividir los contenidos de una página web en diferentes archivos. Interfaz con el iframe consiste en llamar a una función de JavaScript que utiliza el método "document.getElementById" junto con "contentWindow" o "contentDocument" para acceder a la información del marco flotante.
Instrucciones
1 Abra el archivo HTML de la página Web principal en un editor de texto como el Bloc de notas de Windows.
2 Añadir una función de JavaScript en el archivo HTML de la página Web principal añadiendo el siguiente código en la sección "<head>":
<Script type = "text / javascript">
la función show ()
{
var IFRM = document.getElementById ( 'myiframe');
IFRM = ifrm.contentWindow || ifrm.contentDocument;
ifrm.document.open ();
ifrm.document.write ( "Nuevo texto ');
ifrm.document.close ();
}
</ Script>
Acceder al contenido del iframe a través del o de referencia "contentDocument" "contentWindow", dependiendo del navegador. El método de "escritura" le permite escribir el contenido de forma dinámica a la ventanilla del marco flotante.
3 Crear un botón para llamar a la función de JavaScript añadiendo el siguiente código en el cuerpo del archivo HTML de la página Web principal:
<Form>
<Input type = "button" value = "Escribir contenido" onclick = "show ()" />
</ Form>
4 Crear un marco flotante en el archivo HTML de la página Web principal añadiendo el código siguiente en el que desea que aparezca el iframe:
<Iframe id = "myiframe" name = "myiframe" scrolling = anchura "Auto" = "50%" height = "200" frameborder = "1"> </ iframe>
Reemplazar "my_iframe.html" con la ubicación del documento HTML de su marco flotante.
5 Guarde el archivo HTML y cargarla en el servidor para ejecutar la función de JavaScript en el iframe.
Consejos y advertencias
- navegadores web cada asa iframes ligeramente diferente para probar el código en el mayor número posible.
