[解決済み] [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>
関連
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】XMLパースエラー:ルート要素が見つからない コンソールの場所 FF
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] イベントを発生させた要素のIDを取得する
-
[解決済み] jQuery/JavaScript:iframeのコンテンツにアクセスする
-
[解決済み] jQuery チェックボックスの変更とクリックイベント
-
[解決済み] 親ページからiframe内のJavaScriptコードを呼び出す
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】フォームコントロールの値アクセサがない
-
[解決済み】JavaScriptで':'(コロン)は何をするのか?
-
[解決済み] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングした
-
[解決済み] 解決済み】clearInterval()が動作しない [重複] [重複]
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】JavaScript ランタイムエラー:'$'が未定義です。
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み】Javascript、[オブジェクトHTMLInputElement]を表示中。]