首页 > Web开发 > 详细

Web前端技术--HTML框架IFrame结合JS在主页面和子页面间传值

时间:2020-05-06 09:49:01      阅读:71      评论:0      收藏:0      [点我收藏+]

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

Web前端技术--HTML框架IFrame结合JS在主页面和子页面间传值

原文:https://www.cnblogs.com/technicist/p/12834297.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!