Este artículo describe el método de llamar a las funciones en la página del marco iframe en JavaScript. Este método de llamada es en realidad muy simple. Con este método, podemos pasar o modificar los valores entre IFRames, y la operación es muy simple. Compártelo para su referencia. El método de implementación específico es el siguiente:
Acceda a las funciones en el iframe:
La copia del código es la siguiente: document.getElementById ('commentiFrame'). Contentwindow.hasLoged ();
CommentiFrame es la identificación del iframe.
Para ejecutarlo en Window.onload
Los ejemplos son los siguientes:
1.html
Copie el código de la siguiente manera: <a href = "#" onclick = "window.frames ['frame1']. MyNext ()"> aa </a>
<iframe id = "frame1" src = "2.html"> </iframe>
2. Página de HTML
Copie el código de la siguiente manera: <script language = "javascript" type = "text/javaScript">
función myNext ()
{
alerta (1);
}
</script>
Haga clic en el botón de prueba en 1.htm puede invalidar el botón MyButton en 2.htm (página iframe). Es así de simple, jaja. Si desea llamar a la función JS en 2.htm, escriba esto:
Copie el código de la siguiente manera: self.frames ['a']. FunctionName (param)
Llame a la función js en 2.htm en 1.htm: iframe2.showinfo ();
Descripción del ejemplo:
Supongamos que hay 2 páginas, index.html y inner.html. Hay un iframe en index.html, y el src de este iframe apunta a inner.html.
Lo que tenemos que hacer ahora es:
1. Llame a un método JS en Inner.html en index.html
2. Llame a un método JS en index.html en Inner.html
El código de implementación es el siguiente:
index.html:
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función ff () {
alerta (">> Esta es la función JS de índice index.html");
}
</script>
</ablo>
<Body>
<div style = "fondo: ilightblue;">
Esta es la página de índice.
<input type = "button" value = "Ejecutar la función del índice" onClick = "ff ();" />
<input type = "button" value = "ejecutar la función de la página interior" onclick = 'window.frames ["childpage"]. sonff ();' />
</div>
<iframe id = "ChildPage" name = "ChildPage" src = "inner.html" frameBorDer = "0"> </frame>
</body>
</html>
Inner.html:
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función sonff () {
alerta (">> Esta es la función JS de la página interior");
}
</script>
</ablo>
<Body>
<div style = "fondo: lightgreen;">
Esta es la página interior.
<input type = "button" value = "ejecutar la función del índice" onClick = 'parent.window.ff ();' />
<input type = "button" value = "ejecutar la función de la página interior" onClick = "sonff ();" />
</div>
</body>
</html>
Espero que la descripción en este artículo sea útil para la programación web de todos basada en JavaScript.