iframe父页面子页面传值,兄弟之间传值

iframe页面获取父页面的dom节点,调用父页面的方法

标签(空格分隔): js


  1. 子页面的js是访问不到父页面的节点的,要想访问要加上parent.document

eg: $("#firstMenu > li",parent.document)

  1. 子页面是访问不到父页面的方法的 要想访问加上parent.
    eg parent.getActiveMenu()//getActiveMenu是父页面的方法,在子页面中调用

3.父元素访问子页面的元素
eg:$(window.frames["iframe的id"].contentDocument.documentElement).find(".content")

iframe两个子页面之间的传值以及方法调用

实现iframeA调用iframeB页面的函数

  1. 40101是iframeB的id jumpCaseId是iframeB需要的值
    2)curCaseId是iframeA要传给iframeB 的值
  2. judgeFromJump()是ifrnameB的方法

下面这两句话是写在iframeA页面

  • 传值 parent.$("#40101")[0].contentWindow.jumpCaseId = curCaseId;
  • 方法调用parent.$("#40101")[0].contentWindow.judgeFromJump();

iframe父iframe调用子iframe的方法

$("#lookDetailsDialogFrame")[0].contentWindow.setDialogLookType();

//lookDetailsDialogFrame是子的iframe的id ,setDialogLookType是子的方法 
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,403评论 1 45
  • 笔记来自慕课网的js和《JavaScript DOM编程艺术》一书以及《JavaScript权威指南》一书的学习。...
    恰皮阅读 4,064评论 3 3
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,274评论 0 3
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,410评论 0 7
  • 精品篇目 承诺 文/雨天(江苏) 树叶的绿 铭在夏天的 书页上 那是节令 在叩问 承诺 文/海棠依旧(山西) 熠熠...
    岐麟散人阅读 1,549评论 0 1

友情链接更多精彩内容