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;
}

は

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

test.htm エリア firefox の下にある iframe は name を使用する必要がありますが、id は使用できません。そのため、name="iframe_test" に変更する必要があります。(http://chenling1018.blog.163.com/blog/ static/1480254200811891041694/)
三、c# で iframe の src をどのように変更するか、アニメーションを特定のネットワークに向ける
1) 結果が JavaScript の場合
に iframe を追加する ID のように < ;iframe id=frmList……
在脚本
frmList.document.location=strNewUrl
2)如果是後台程序
给iframe加一ID，再加上runat=server如< iframe id=frmList runat=server ……
在程序里写
frmList.Attributes.Add("src",strNewUrl);