开心一笑: 会买水果的狗狗

    关注微信公众号

    QQ群:831045818

    app下载

    当前位置:首页> layui > 技术文档 > 正文
    layui 弹窗iframe版 父子窗口传值与互调
    发布时间:2020-09-18 14:43:43.0 浏览次数:
    //显示窗口
    layui.use('layer', function(){
       var layer = layui.layer;
       layer.open({
          type: 2,
          title: '选择IP',
          area: ['700px', '450px'],
          shade: [0.3, '#393D49'],
          content: '/selectIP.jsp',
          btn: ['确认','取消'],
          success: function(layero, index){
                  //打开窗口 触发
             var body = layer.getChildFrame('body', index);
             var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method();
    
             //父向子传值或取值
             body.find('#abcedd').val('父向子传数据');
             //窗口index 
             ips_model_index=index;         
    
             //调用子窗口JS方法
             iframeWin.window.getchile();
          }
          //确认按扭时激活
          ,yes: function(index, layero){
             var body = layer.getChildFrame('body', index);
             var iframeWin = window[layero.find('iframe')[0]['name']];
             //调用子窗口方法
             iframeWin.window.getchile();
             //父向子取值
                     body.find('#abcedd').val();
          }
          
       });
    
    });
    
    //父窗口JS
    //关闭窗口
    function close_add_ips() {
       layer.close(ips_model_index)
    }
    
    //子窗口JS
    //获取父元素内容
    window.parent.$("#id");
    //调用父元素 方法
    window.parent.close_add_ips();
    
    //让父调用子
    function getchile(){
      alert("我是子窗口数据")
    }


    关注"都市百货" 了解南陵

    微信咨询wanglf2r(不拉群 发广告者勿加)

    0
    0
    上一篇:商品住宅销售价目表(北泰御府7#) 上一篇:安徽商贸职业技术学院与南陵县人民政府签订战略合作协议

    评论已有0

    提交评论

    热门评论

    南陵新闻
    公示公告
    常用查询
    风光南陵
    走出南陵
    友情链接