zoukankan      html  css  js  c++  java
  • 子窗口访问父页面iframe中的iframe,top打开的子窗口访问父页面中的iframe中的iframe

    子窗口访问父页面iframe中的iframe

    子窗口访问最顶层页面中的iframe中的iframe

    top打开的子窗口访问父页面中的iframe中的iframe

    top打开的子窗口访问最顶层页面中的iframe中的iframe

    ================================

    蕃薯耀 2018年2月5日

    http://www.cnblogs.com/fanshuyao/

    页面情况说明:

    页面使用jquery eayui架构,主页是一个普通页面(main页面),然后打开一个tab标签页面(first_iframe页面),tab标签页面中有一个iframe页面(second_iframe页面)。

    在second_iframe页面打开一个选择的子窗口(使用top.$("#xxx_id").window("open")打开一个iframe窗口),那么当在子窗口选择完数据后,如何将数据返回到原来的打开窗口中呢?

    如果不使用top,则直接使用window.parent应该就可以调用父页面的方法。

    由于使用的是top.$("#xxx_id")打开的,已经进入到最外层的页面窗口,需要回去原来的second_iframe页面,则需要一层一层进去,方法如下:

    Js代码  收藏代码
    1. //获取第一层iframe对象  
    2. var first_iframe = $(window.parent.document).find("#firstIframeId");  
    3.   
    4. //获取第二层iframe(第一层iframe中的又一个iframe)  
    5. var second_iframe = $(first_iframe).contents().find("#secondIframeId");  
    6.   
    7. //在第二层iframe中,调用iframe中的方法,方法可带参数param或者不带参数。  
    8. //$(second_iframe)[0]后面为什么会有一个[0]呢,我暂时不清楚,但这样是对的。去掉[0]会提示出错。  
    9. //callSecondIframeMethod为second_iframe页面中的方法名  
    10. $(second_iframe)[0].contentWindow.callSecondIframeMethod(param);  
    11. //在第二层iframe中,给iframe中的元素赋值。  
    12. $(second_iframe).contents().find("#secondIframeElementId").val(elementValue);  

    ================================

    蕃薯耀 2018年2月5日

    http://www.cnblogs.com/fanshuyao/

  • 相关阅读:
    webpack-merge 配置抽离
    从这个博客皮肤迈入前端性能优化一小步
    用 webpack 搭了一个写博客园皮肤的架子
    host 文件位置
    鼠标右键添加取得管理员所有权
    桌面快捷方式去掉小箭头
    win10恢复系统预装软件
    Zookeeper相关知识
    Docker安装常见的应用与将本地镜像推送到阿里云
    DockerFile解析
  • 原文地址:https://www.cnblogs.com/fanshuyao/p/8416479.html
Copyright © 2011-2022 走看看