easyui父子页面数据交互

这篇博客介绍了如何在网页中实现父页面与iframe子页面之间的通信。通过`window.parent`和`contentWindow`对象,可以方便地在两者之间调用方法和传递数据。示例代码展示了获取子页面window对象以及子页面如何获取父页面window的方法,这对于多窗口应用的交互具有实际意义。
摘要由CSDN通过智能技术生成

子页面是iframe方式创建的可以这样做

父页面获取子iframe的window对象

通过childWindow 直接调用子页面各类方法
$(’#tabs’)是父页面的选项卡对象

/**
 * 获取子页面window对象
 * @param expectTapTitle 预期选中tap的标题
 * @param childrenSrc    子页面路径
 * 示例: var childWindow = getChildrenWindow('线上接单','custReq.jsp');
 */
function getChildrenWindow(expectTapTitle, childrenSrc) {
    if (expectTapTitle == '' || childrenSrc == '') return console.error('标题或子页面路径不能为空');
    var expectTap = $('#tabs').tabs('getTab', expectTapTitle)
    if (expectTap) {
        //预期索引
        var expectIndex = $('#tabs').tabs('getTabIndex', expectTap);

        //当前选中的tap
        var currentTap = $('#tabs').tabs('getSelected');
        //当前选中的tap 索引
        var currentIndex = $('#tabs').tabs('getTabIndex', currentTap);
      
        //返回子页面iframe内的window对象
        if (currentIndex == expectIndex)  return $('iframe[src$=\"'+childrenSrc+'\"]')[0].contentWindow;

        return null;
    }
}

子页面获取父页面window

var fuWindow = window.parent

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值