如何從子窗口調用JavaScript函數到主窗口中的iframe？

Question

我一主文件：index.php文件 它有1個IFRAME：主要

<iframe src="main.php" id="main_frame" name="main_frame" > 
</iframe> 

main.php有2 IFRAME：middle_frame和top_frame

<iframe src="middle.php" id="middle_frame" name="middle_frame" > 
</iframe> 

<iframesrc="pageTop.php" id="top_frame" name="top_frame" > 
</iframe> 

middle.php有2 IFRAME： middle_left_frame，middle_right_frame

<iframe src="middle_left.php" id="middle_left_frame" name="middle_left_frame" > 
</iframe> 

<iframe src="middle_right.php" id="middle_right_frame" name="middle_right_frame" > 
</iframe> 

當我只運行middle_left.php我可以調用javascript函數Button1JSClick從那個方式的子窗口：

opener.Button1JSClick(event); 

但是，當我跑到index.php和其他文件我不能用這種方式。

我該怎麼辦？

Answer 1

iframe中沒有開啓者。

嘗試window.Button1JSClick(event);或top.Button1JSClick(event);爲頂層窗口，parent.Button1JSClick(event);長達一個水平（這是top向下一個級別）

但是因爲你使用jQuery，加載頁面到的div相關的溢出

<div id="content"> 
    <div data-src="main.php" id="main_frame"> 
    <div data-src="pageTop.php" id="top_frame"></div> 
    <div data-src="middle.php" id="middle_frame"> 
     <div data-src="middle_left.php" id="middle_left_frame"></div> 
     <div data-src="middle_right.php" id="middle_right_frame"></div> 
    </div> 
    </div> 
</div> 

使用類似

$(function() { 
    $("div").each(function() { 
    var src= $(this).data("src"); 
    if (src) { 
     if (this.id==="middle-left-frame") { 
     $(this).load(src,function() { Button1JSClick() }); 
     } 
     else $(this).load(src); 
    } 
    }); 
});