Use JS nativo para obter os elementos da página IFRAME Child na página pai e obter os elementos da página pai na página Child. Este é um método que é frequentemente usado. Aqui está um exemplo para resumir:
1. Página dos pais (Demo.html) , modifique a cor de fundo da página da página criança na página pai para ser cinza e acaba sendo vermelho:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> página (title document.getElementById ('iframeId'). ContentWindow; var _div = _iframe.document.getElementById ('objid'); _ div.style.backgroundcolor = '#ccc';} </cript> </weef> <body> <d id = 'Pard src = "Demo-iframe.html" id = "ifRameId"> </frame> </body> </html>2. Subpagem (Demo-iframe.html) , modifique a cor da fonte da página da página pai na página da criança para ficar vermelha e acaba sendo preto:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> title function () {var _iframe = window.parent; var _div = _iframe.document.getElementById ('parardiv'); _ div.style.color = 'Red';} </sCript> </head> <body> <div id = 'objid' estilo = 'largura: 100px; altura: 100px; cor de fundo: vermelho;'> subpagem </div> </body> </html>3. Diagrama de reprodução:
(1) As renderizações quando JS não é adicionado:
(2) a renderização após adicionar JS:
O artigo acima "nativo JS" obtém os elementos DOM no iframe - as páginas do pai e do filho recebem elementos DOM um do outro é todo o conteúdo compartilhado pelo editor. Espero que possa lhe dar uma referência e espero que todos possam apoiar mais o Wulin.com.