iframe の子ページと親ページで js 関数を呼び出す例_javascript スキル

1. iframe サブページは親ページの js 関数を呼び出します。

サブページは、親ページの関数を呼び出すために window.praent を記述するだけです。たとえば、a() 関数を呼び出すには、次のように記述します。

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

window.a();

子ページは、親ページのタグの値を受け取ります。たとえば、タグの ID は「test」です。 "、その後:

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

window.parent.document .getElementById("test").value;

jQuery メソッド 対象:

$(window.parent.document).contents().find("test").val();

でも、Chrome ブラウザで見つけました この方法は無効です!いろいろ調べてみると、chrome 5 では window.parent は file:// プロトコルでは実行できませんでしたが、リリース後は http:// プロトコルでも実行できるようになっています。この方法は、IE および Firefox ブラウザをサポートします。


2. iframe 親ページは子ページの JS 関数を呼び出します

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

次のメソッドは IE および Firefox ブラウザをサポートしています:

document.getElementById('ifrtest').contentWindow.b ();

子ページは、親ページのタグの値を受け取ります。たとえば、タグの ID が「test」の場合:

document.getElementById("test") .value;

注: ifrtest は iframe の ID、b() はサブページの JS 関数です。 contentWindow 属性は、指定されたフレームまたは iframe が配置されるウィンドウ オブジェクトであり、IE では省略できます。