js_javascriptスキルでiframeから親ページを呼び出す方法

この記事の例では、jsのiframeから親ページを呼び出す方法を説明しています。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

子ページが親ページを呼び出すメソッドはjsで簡単に実装できます。メイン ページに関数を追加し、サブページで window.parent.method() を使用してそれを実現するだけです

たとえば、a() 関数を呼び出す場合、次のように記述されます:

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

window.parent.a();

しかし、この方法はChromeブラウザでは無効であることがわかりました

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

//親ページでこの関数を呼び出します

関数 dey() {
varcards_frame=document.frames("card-iframe"); //card-iframe は iframe の名前です
Cards_frame.checkedCard() // iframe で定義されたメソッドを呼び出し、埋め込みページの値を親ページに渡します
}

2) iframe 内の親ページで定義されたメソッドを呼び出します。

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

function warning_window(picurl,h_id)
{
document.parentWindow.parent.msg(picurl,h_id); }
//msg() は親ウィンドウによって定義された関数です。

Card-iframe は iframe フレームの ID、b() はサブページの js 関数です。 contentWindow 属性は、指定されたフレームまたは iframe が配置されるウィンドウ オブジェクトであり、IE では省略できます。
この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。