Este artículo describe el método para implementar funciones de llamadas de página cruzada IFRAME en JS. Compártelo para su referencia. El método de implementación específico es el siguiente:
En proyectos, inevitablemente encontrará tal problema. La página presenta un iframe y requiere que la página principal llame a la función de la página infantil o la página infantil debe llamar a la función de la página principal. Por ejemplo: ahora hay dos páginas parent.html y child.html. donde parent.html contiene huellas e iframe a child.html. Ahora debe llamar a un método JS de Child.html/Parent.html en Parent.html/Child.html.
La implementación del código específico es la siguiente:
Página principal de los padres: html:
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función parent_click () {
alerta ("de la página principal");
}
</script>
</ablo>
<Body>
<input type = "button" value = "llamar a esta página de la página" onClick = "parent_click ();" />
<input type = "button" value = "Llamado de la página de la página del niño" onClick = 'Window.frames ["ChildPage"]. Child_click ();' />
<iframe id = "ChildPage" name = "ChildPage" src = "inner.html" frameBorDer = "0"> </frame>
</body>
</html>
infant.html Subpage:
Copie el código de la siguiente manera: <html>
<Evista>
<script type = "text/javaScript">
función child_click () {
alerta ("Llamada función de subpage");
}
</script>
</ablo>
<Body>
<input type = "button" value = "llamar a la función de página principal" onClick = 'parent.window.parent_click ();' />
<input type = "button" value = "llamar a esta página de la función" onClick = "child_click ();" />
</body>
</html>
Espero que la descripción en este artículo sea útil para la programación web de todos basada en JavaScript.