-
Cómo llamar a una función en un marco flotante en JavaScript
-
Marcos de ventana, al igual que las ventanas emergentes, son ventanas secundarias de la ventana principal de una página Web. Ellos le permiten mostrar el contenido de otra página Web dentro de su página principal. Iframes sólo requieren unas pocas líneas de código para crear, y se puede colocar en cualquier lugar en un documento HTML. Al hacer referencia a la propiedad "id" de un iframe, su página principal puede llamar a funciones dentro de HTML subyacente del marco flotante.
Instrucciones
Crear Página para los padres
1 Lanzar su editor de HTML o el Bloc de notas y abra un documento HTML.
2 Crear un iframe mediante la adición de este código a la sección del documento "<body>":
<Iframe id = anchura "iframe1" = "50%" height = "50%">
<P> Este navegador no reconoce iframes </ p>
</ Iframe>
<Input id = type = "button" valor "Button1" = "llamada a función de marco flotante" onclick = "return CallFunction ()" />
Esto crea un iframe que muestra una página Web denominado "IframeHTML.html." También agrega un botón que llama a una función en este documento denominado "CallFunction."
3 Agregue este código a la sección de su documento "<head>":
<Script type = "text / javascript">
var iframeID = "iframe1";
CallFunction función () {
var iFrameObject = document.getElementById (iframeID);
iFrameObject.contentWindow.iFrameFunction ();
} </ Script>
La variable denominada "iframeID" contiene el valor "id" del marco flotante situado en el paso anterior. La función "CallFunction", que se llama cuando se hace clic en el botón "Call IframeFunction", llama a la función denominada "iFrameFunction" que se encuentra en el iframe.
4 Guarde el documento HTML.
Crear página Iframe
5 Abrir un nuevo documento HTML y agregue el código siguiente a la misma:
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Title> </ title>
<Script type = "text / javascript">
iFrameFunction función () {
alert ( "dentro iFrameFunction");
} </ Script>
</ Head>
<Body>
<H1> Este es el marco flotante </ h1>
</ Body>
</ Html>
Esto crea una página web con un título y una función JavaScript denominada "iFrameFunction." Esta función muestra un mensaje de alerta.
6 Guarde el documento con el nombre de archivo de "IframeHTML.html." Esto se convierte en la página Web que el iframe creado en la sección de referencias anteriores.
7 Poner en marcha el explorador y abra el documento HTML que modificó en la sección anterior. El iframe aparece junto con el botón de "llamada a función de marco flotante". Haga clic en ese botón. El código JavaScript en la página Web llama a la función en el iframe, y aparece el mensaje de alerta.
Consejos y advertencias
- Debe asignar una propiedad "id" a su iframe use el método se describe en estos pasos. el valor de ese id es "iframe1" en este ejemplo. Cambiar ese valor a lo que quiera. Si tiene varios marcos flotantes, asignar a cada uno un valor de "id" único. A continuación, puede pasar uno de esos valores a la función "CallFunction" de la página principal para llamar a funciones en el marco flotante deseada.
