iframe フレーム内の関数を呼び出す Javascript メソッド page_javascript スキル-jsチュートリアル-php.cn

iframe フレーム内の関数を呼び出す Javascript メソッド page_javascript スキル

WBOY

リリース： 2016-05-16 16:32:13

オリジナル

1339 人が閲覧しました

この記事の例は、JavaScript の iframe フレームページで関数を呼び出す方法を説明しています。この呼び出し方法では、iframe 間で値を転送したり、変更したりすることができます。。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

iframe 内の関数にアクセスします:

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

document.getElementById('commentIframe').contentWindow.hasLogined();

commentIframe は iframe の ID です。
window.onload でを実行するには

例は次のとおりです:

1.html

コードをコピーコードは次のとおりです:

2.html ページ

コードをコピーコードは次のとおりです:

1.htm の test ボタンをクリックすると、2.htm (iframe ページ) の mybutton ボタンが無効になります。それはとても簡単です、笑。 2.htm で JS 関数を呼び出したい場合は、次のように記述します:

コードをコピーコードは次のとおりです:

self.frames['a'].functionname(param)

1.htm の 2.htm にある JS 関数を呼び出します: iframe2.showInfo();

例:

index.html と inner.html の 2 つのページがあるとします。 Index.html には iframe があり、この iframe の src は inner.html を指しています。

私たちが今しなければならないことは次のとおりです:

1.index.html の inner.html で js メソッドを呼び出します。
2. inner.html

内のindex.html の js メソッドを呼び出します。

実装コードは次のとおりです:

index.html：

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

<スクリプトタイプ="text/javascript"> 関数 ff(){
alert(">>これはインデックスの js 関数です。index.html"); }

こちらはインデックスページです。

inner.html:

コードをコピーします

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

<スクリプトタイプ="text/javascript"> 関数sonff(){ alert(">>これは内部ページの js 関数です"); }

こちらは内側のページです。 iframe 関数移行

ソース：php.cn