子页面传值到父页面

本文介绍了一种在不同窗口间传递数据的方法。具体步骤为:首先,在子窗口的iframe内部通过调用特定JS函数将数据传给子窗口,然后利用子窗口的JS函数将数据再传递给父窗口。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天公司要求实现一个功能,要求要从父页面(a.jsp)中跳出一个子页面(b .jsp),而子面中包含了一个iframe。iframe中包含了页面(c.jsp).要把c.jsp中的值传到a.jsp中。解决方案:

在c.jsp中写一个js

function getContent(content){

        content="测试";//做个测试
         window.parent.setMessage(content);
         window.parent.close();
  return;
 }

注意:要想把 iframe中c.jsp页面中的值传到a.jsp。首先要先传到b.jsp。b.jsp要得到c.jsp中的值不能用opener去设。要用parent。

再在b.jsp中写一个js

 function setMessage(content) {
   window.opener.setMessage(content);
     }

这时b.jsp中用opener传值。这里b.jsp会得到c.jsp传过来的值。

父页面a.jsp代码

function setMessage(content){

alert(content);//得到c.jsp传过来的值。
}

function openPage(){

 window.open('b.jsp');

}

 再做一个按钮调用openPage方法。即可。希望能帮得上你们.

如有好的建议,请多多提出。谢谢!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值