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>




参考网址：https://www.cnblogs.com/Zcyou/p/10919665.html






            

            
posted @ 
2020-05-06 08:52 
codeing123 
阅读(488) 
评论(0) 
编辑 
收藏 
举报