1. ホーム
  2. ジャバスクリプト

[解決済み] [Solved] iFrame src change event detection?

2022-04-08 12:24:02

質問

iframe 内のコンテンツは制御できないと仮定して、親ページから iframe の src の変更を検出する方法はありますか?ある種のオンロードは可能でしょうか?

最後の手段は、iframeのsrcが以前と同じかどうかを1秒間隔でテストすることですが、このハチャメチャな解決策をやると最悪です。

参考になればと思い、jQueryのライブラリを使っています。

解決方法は?

を使用するとよいでしょう。 onLoad イベントを使用します。

<iframe src="http://www.google.com/" onLoad="alert('Test');"></iframe>

アラートは、iframe内の位置が変わるたびにポップアップ表示されます。これはすべてのモダンブラウザで動作しますが、IE5 や初期の Opera のような非常に古いブラウザでは動作しないかもしれません。( ソース )

iframeが親と同じドメイン内のページを表示している場合 を使用すると、その場所にアクセスすることができます。 contentWindow.location 次の例のように

<iframe src="/test.html" onLoad="alert(this.contentWindow.location);"></iframe>