iframe中調用另外一個iframe中函數

整個頁面佈局以下:javascript

以下的代碼是寫在iFrame1 中的,並由其發起調用java

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 中的函數code

相關文章
相關標籤/搜索