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 中的函数