Este artigo descreve o método de implementação de funções de chamada cruzada do iframe, no JS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Nos projetos, você inevitavelmente encontrará esse problema. A página apresenta um iframe e exige que a página pai ligue para a função da página filho ou a página infantil precisa chamar a função da página pai. Por exemplo: agora existem duas páginas parent.html e child.html. onde parent.html contém iframe e iframe aponta para child.html. Agora você precisa chamar um método JS de Child.html/parent.html in parent.html/child.html.
A implementação de código específica é a seguinte:
página pai parent.html:
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
função parent_click () {
alerta ("da página pai");
}
</script>
</head>
<Body>
<input type = "button" value = "chamando esta página função" onclick = "parent_click ();" />
<input type = "button" value = "chamando a função da página filho" OnClick = 'Window.frames ["ChildPage"]. Child_Click ();' />
<iframe id = "Childpage" name = "Childpage" src = "interior.html" framebring = "0"> </frame>
</body>
</html>
Subpagem Child.html:
Copie o código da seguinte forma: <html>
<head>
<script type = "text/javascript">
função child_click () {
alerta ("Função de subpagem chamada");
}
</script>
</head>
<Body>
<input type = "button" value = "chamando a função da página pai" onclick = 'parent.window.parent_click ();' />
<input type = "button" value = "chamando esta página função" onclick = "child_click ();" />
</body>
</html>
Espero que a descrição deste artigo seja útil para a programação da Web de todos com base no JavaScript.