jsまたはjQueryにより、子親ウィンドウ間の要素、メソッド、windowの相互取得
3616 ワード
条件:以下は火狐ブラウザをサポートし、グーグルブラウザで使用する場合、サブウィンドウは親ウィンドウのドメイン間で構成する必要があります.
1、jsはサブウィンドウで親ウィンドウのwindowを取得する
window.parent
//親ウィンドウの高さwindowを取得するなど、親ウィンドウのwindowメソッドを呼び出すことができます.parent.幅windowparent.innerWidth、親ウィンドウの位置を移動するなど、具体的には本人のブログの「ブラウザウィンドウのサイズ取得とブラウザウィンドウに対するいくつかの操作」編を見ることができます.
2、js親ウィンドウで子ウィンドウのwindowを取得する
$("#testiframe")[0].contentWindow==document.getElementById("testiframe").contentWindow==window.frames[0]
以上の3種類はいずれもサブウィンドウのwindowを取得することができ、上の3種類は以下のように対応しています.
3、jquery iframeサブページで親ページ要素コードを取得すると、
4、jquery親ページでiframeサブページを取得する要素
5、jsがiframeサブページで親ページ要素コードを取得するには、
6、js親ページでiframeサブページ要素コードを取得するには、
7、サブウィンドウiframe内で親ウィンドウ関数を呼び出す:
1、jsはサブウィンドウで親ウィンドウのwindowを取得する
window.parent
//親ウィンドウの高さwindowを取得するなど、親ウィンドウのwindowメソッドを呼び出すことができます.parent.幅windowparent.innerWidth、親ウィンドウの位置を移動するなど、具体的には本人のブログの「ブラウザウィンドウのサイズ取得とブラウザウィンドウに対するいくつかの操作」編を見ることができます.
2、js親ウィンドウで子ウィンドウのwindowを取得する
$("#testiframe")[0].contentWindow==document.getElementById("testiframe").contentWindow==window.frames[0]
以上の3種類はいずれもサブウィンドウのwindowを取得することができ、上の3種類は以下のように対応しています.
3、jquery iframeサブページで親ページ要素コードを取得すると、
$("#objid",parent.document);
4、jquery親ページでiframeサブページを取得する要素
$("#objid",document.frames('iframename').document)
5、jsがiframeサブページで親ページ要素コードを取得するには、
window.parent.document.getElementById("要素id");
6、js親ページでiframeサブページ要素コードを取得するには、
window.frames["iframe_ID"].document.getElementByIdx_x(「要素id」);
7、サブウィンドウiframe内で親ウィンドウ関数を呼び出す:
parent.func();
//親ウィンドウのjsにfunc()という方法が必要であることを前提とします.
8、親ウィンドウでサブウィンドウ関数を呼び出す
document.getElementById(サブウィンドウifram要素のID値).contentWindow.サブウィンドウでの方法()
サブウィンドウifram要素のname値.window.サブウィンドウでの方法()
次は私が書いたdemoです.テスト例では、火狐ブラウザでテストすることに注意してください.理由は、本稿の冒頭を見てください.
親ウィンドウページhtml
Document
function outter(){
alert(" ");
}
function parent(){
//Name.window.inner(); //
document.getElementById("ID").contentWindow.inner();
}
サブウィンドウページinner.html
Document
function inner(){
alert(" ");
}
function child(){
window.parent.outter();
}