JavaScriptを使用してiframe内のアンカークリックをシミュレートする方法

Question

レポートを表示するiframeウィンドウがあります。このiframeにアクセスするには、親ウィンドウに展開/折りたたみボタンがあります。私はプログラム的にこの#PAGETOPアンカーのonclickのをエミュレートすることができますどのように

<tr><td style="padding-left:45px" class="bottom" colspan="99"><div id="ptAnchor"><a href="#PAGETOP"><img src="first.png" border="1" alt="Top of Page" /></a></div></td></tr> 

、ユーザー：

iframeのレポートウィンドウ内

、私は、私、電子レポートの下部に#PAGETOPアンカーを持っています親ウィンドウから「展開」ボタンを押しますか？

ありがとう、 トニー。

Answer 1

#PAGETOPアンカーの使用は、ウィンドウを一番上にスクロールすることです。代わりに、ウィンドウを0,0座標にスクロールする関数を書くことができます。

function ScrollToTop() { 
    window.scroll(0, 0); 
} 

この関数をIFrameに配置し、それを親ウィンドウから呼び出します。あなたのIFRAMEが親と子フレーム間のスクリプトを許可するようにブラウザのために、同じドメイン上にある必要があり

<a id="scrollToTop">Expand</a> 
<script type="text/javascript"> 

    document.getElementById("scrollToTop").onclick = function(e) { 
     var childWindow = document.getElementById("theIFrame").contentWindow; 

     // this should emulate a click on the ptAnchor DIV's child A HREF. 
     childWindow.document.getElementById("ptAnchor").firstChild.click(); 

     // alternatively, this will simply scroll the child window to the top-left corner 
     childWindow.scrollTo(0,0); 
    } 
</script> 
<iframe id="theIFrame" src="someDocOnTheSameDomain.html"></iframe> 

：親ドキュメントで

<iframe name="foo"></iframe> 
<button>Expand</button> 

<script type="text/javascript"> 
    $(function(){ 
    $('button').click(function(){ 
     window.frames['foo'].location.hash = "top"; 
    }); 
    }); 
</script> 

Answer 2

あなたはこのような何かを行うことができます。

contentWindowプロパティを使用すると、子iframeのウィンドウオブジェクトにアクセスできます。そこから、JavaScriptを記述してクリックをエミュレートしたり、単にウインドウをスクロールすることができます。

Answer 3

：