ホームページ > ウェブフロントエンド > jsチュートリアル > 親ページから iFrame ソースの変更を検出するにはどうすればよいですか?

親ページから iFrame ソースの変更を検出するにはどうすればよいですか?

DDD
リリース: 2024-11-05 05:39:02
オリジナル
900 人が閲覧しました

How to Detect iFrame Source Changes from the Parent Page?

親ページで iFrame ソースの変更を検出する方法

iFrame 内のコンテンツを制御できない場合、監視が困難になることがありますソース URL に変更されます。ただし、親ページ経由でこれらのイベントを検出するために使用できる手法があります。

1 つのオプションは、onLoad イベントを利用することです。 iFrame 要素に onLoad 属性を追加すると、iFrame のソースが変更されるたびに実行する関数を指定できます。例:

<code class="html"><iframe src="http://www.google.com/" onLoad="alert('Test');"></iframe></code>
ログイン後にコピー

この設定では、iFrame 内の位置が変更されるたびにアラートがトリガーされます。最新のブラウザでは機能しますが、古いブラウザ (IE5、初期の Opera など) では機能しない可能性があります。

あるいは、iFrame が親と同じドメイン内のページを表示している場合は、 contentWindow.location による iFrame の場所。これにより、変更を直接監視できます。

<code class="html"><iframe src="/test.html" onLoad="alert(this.contentWindow.location);"></iframe></code>
ログイン後にコピー

これらのアプローチは、iFrame ソースの変更を検出する信頼性の高い方法を提供し、間隔テストのようなハックなソリューションの必要性を排除します。

以上が親ページから iFrame ソースの変更を検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート