Используйте Native JS, чтобы получить элементы детской страницы iframe на родительской странице и получить элементы родительской страницы на странице ребенка. Это метод, который часто используется. Вот пример суммирования:
1. Страница родителей (demo.html) , измените цвет фона детской страницы Div на родительской странице, чтобы быть серым, и оказалось красным:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <Head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> demomain partic document.getElementById ('iframeId'). ContentWindow; var _Div = _iframe.document.getElementById ('objid'); _ div.style.backgroundcolor = '#ccc';} </script> </head> <body> <div id = '#ccc';} </script> </Head> <body> <div = 'pardiv'> parian src = "demo-iframe.html" id = "iframeid"> </iframe> </body> </html>2. Подпага (demo -frame.html) , измените цвет шрифта родительской страницы Div на странице ребенка, чтобы быть красным, и оказалось черным:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> subpage demo13-iframe.html </title> <script type = "jovascramcz function () {var _iframe = window.parent; var _div = _iframe.document.getElementByid ('pardiv'); _ div.style.color = 'red';} </script> </head> <body> <div = 'objid' style = 'width: 100px; высота: 100px; фоновый цвет: red;'> subpage </div> </body> </html>3. Диаграмма воспроизведения:
(1) рендеринги, когда JS не добавлен:
(2) рендеринг после добавления JS:
Приведенная выше статья «Native JS» получает элементы DOM в iframe - страницы отца и сына получают элементы DOM друг друга - это все содержание, разделяемое редактором. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что каждый сможет поддержать Wulin.com больше.