以下の親ページとサブページの相互作用の方法は、(ドメイン名を介してアクセス)サービスページを使用するためにプレーし、同じドメイン内の親ページとサブページを保証しなければならない、または指定されています
親ページには、サブページを呼び出します
親ページのIDまたはcalssのiframを得た後contentWindowによるサブページの要素や方法へのこのオブジェクトの親ページの呼び出しを要素とメソッドのサブページを取得することができます場合は、IFRAMEを待たなければなりませんロード、または内れるのonloadで行う方法、またはあります未満を取得!
contentWindowは、ウィンドウオブジェクトの子ウィンドウを取得することができます。
document.getElementById( 'メイン')contentWindow.document.querySelector( "ワープ。");. //親ページメソッドを取得します。
。のdocument.getElementById( 'メイン')contentWindow.childFn(); //サブページの方法を取得し、実行します
サブページは、呼び出す親ページを
window.parent.fnによってサブページ()では、親ページの方法を取得し、実行することができます
window.parent.parentFn()
例:
親ページ
<IFRAMEスクロール= "いいえ" ID = "メイン"名前= "メイン" FRAMEBORDER = "0" SRC = "iframeのサブページ1.html"> </アイフレーム> <スクリプトタイプ= "テキスト/ JavaScriptを"> // ID取得iframeオブジェクトのVAR IFR =のdocument.getElementById( 'メイン' ); ifr.onload = 関数(){ / * 取得サブページのDOM要素* / VAR( "ワープ")ワープ= ifr.contentWindow.document.querySelector ; // 要素のサブページの取得 にconsole.log(ワープ); ifr.contentWindowを。 childFn() // コールサブページ方式 } 機能parentFn(){ アラート(「私は親ページアプローチしています" ) } </ SCRIPT>
サブページ
< p型のonclick = "parentFn" >カート</ p型> < スクリプト> VAR ボックス= document.querySelector(" P- " ); box.onclick = 機能(){ クリックされたときにwindow.parent.parentFn()は、//親を呼びますページ方法 } 関数childFn(){ にconsole.log(" Iサブページ方式" ) } </ スクリプト>