Web前端技术--HTML框架IFrame结合JS在主页面和子页面间传值
DOM方法:
- 父窗口操作IFRAME:window.frames["iframeSon"].document.getElementById("子页面的id");
- IFRAME操作父窗口: window.parent.document.getElementById("父页面的id");
父页面调用子页面:
<iframe src="/T_relicInput" scrolling="auto" frameborder="0"></iframe>
父页面:
<!DOCTYPE html> <html lang="zh" > <head> 。。。 </head> <body> <p id="fid">父页面的值</p> <iframe src="/T_relicInput" scrolling="auto" frameborder="0" ></iframe> <script> var sid=window.frames[0].document.getElementById("sid"); console.log(sid.value); </script> </body> </html>
子页面:
<!DOCTYPE html> <html lang="zh" > <head> 。。。 </head> <body> <p id="fid">子页面的值</p> <iframe src="/T_relicInput" scrolling="auto" frameborder="0" ></iframe> <script> var fid=window.parent.document.getElementById("fid"); console.log(fid.value); </script> </body> </html>