iframe親ウィンドウと子ウィンドウ間の相互呼び出しメソッド集_javascriptスキル

1. 親ウィンドウは iframe 子ウィンドウ メソッドを呼び出します
1. HTML 構文: 2. 親ウィンドウが子ウィンドウを呼び出します: myFrame.window.functionName();
3. 子ウィンドウが親ウィンドウを呼び出します:parent.functionName(); 簡単に言えば、これは呼び出される変数または関数です。子ウィンドウに親を追加するだけです。
4. 親ウィンドウ ページのソース コード:

コードをコピーします コードは次のとおりです。

function Say() {
alert; "parent.html--- --->parent.html にいます");
}
function callChild()
{
//document.frames("myFrame") .f1();
myFrame.window.say();

=button value="子関数の呼び出し()" in .html onclick="callChild()">
🎜>


5. サブウィンドウページ:



コードをコピーします。 >

コードは次のとおりです。

2. iframe 間で相互に呼び出す方法親ウィンドウと子ウィンドウ

1. IE での使用方法:
親ウィンドウは子ウィンドウを呼び出します: iframe_ID.iframe_document_object.object_attribute = attribute_value
例: onClick="iframe_text.myH1.innerText ='http://www.pint.com';"
子ウィンドウは親ウィンドウを呼び出します:parent.parent_document_object.object_attribute =attribute_value
例: onclick="parent.myH1.innerText='http:/ /www.pint.com';"
2. Firefox での使用方法 :
上記は IE では正常に動作しますが、Firefox では動作しません。 Firefox では、呼び出しメソッドは次のようになります。

親ウィンドウは子ウィンドウを呼び出します: window.frames["iframe_ID"].document.getElementById("iframe_document_object").object_attribute = attribute_value
例: window。 Frames[" iframe_text"].document.getElementById("myH1").innerHTML= "http://hi.jb51.net"; 子ウィンドウは親ウィンドウを呼び出します:parent.document.getElementById("parent_document_object") ).object_attribute =attribute_value
例:parent.document.getElementById("myH1").innerHTML = "http://jb51.net"; 3. 完全な例
test.htm




コードをコピーします



>

<スクリプト言語="javascript">
function show()
{
parent.document.getElementById("myH1").innerHTML = http://jb51.net;
}

は

<フォームアクション=""メソッド="投稿">