iframe中调用另一个iframe中函数

整个页面布局如下:

如下的代码是写在iFrame1 中的,并由其发起调用

parent.fireFrameFn('#iFrame2','iFrame2Fucntion',{param:'参数'})

如上指在调用‘main Page’中的'fireFrameFn'函数。而'fireFrameFn' 函数的功用为:调用id为'iFrame2'中的iFrame2Function的函数,并且参数为{param:'参数'}

接着再来看一下'main Page'中的'fireFrameFn' 函数,代码如下:

function fireFrameFn(frameId,fn,param){
  var frame = $(frameId);
  if(frame==null || frame.length == 0){return;}
  if(typeof frame[0].contentWindow.window[fn] == 'function'){
     frame[0].contentWindow.window[fn](param);
  }
}

 

总结:iFrame1 调用 mainPage 中的函数。 再由 mainPage 去获取iFrame2 触发其函数,间接的实现从iFrame1 调用 iFrame2 中的函数

转载于:https://my.oschina.net/u/2552286/blog/686488

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值