[解決済み] iframeから親ウィンドウの要素にアクセスする
2023-07-09 12:12:38
質問
私は
parent.php
. このページには
iframe
があり、その外側に "target" という id を持つ div があります。iframeでフォームを送信し、成功したらターゲットのdivを更新することは可能でしょうか。例えば、新しいページをそこにロードするとか?
編集してください。 ターゲットdivは親ページにあるので、私の質問は基本的にあなたが親にiframeの外側の例としてjQueryコールを作ることができるかどうかです。そしてそれはどのように見えるのでしょうか?
編集2。 これは、私のjqueryコードが今どのように見えるかです。ターゲットはparent.phpにあります。
$(;"form[name=my_form]").submit(function(e){
e.preventDefault;
window.parent.document.getElementById('#target');
$("#target").load("mypage.php", function() {
$('form[name=my_form]').submit();
});
})
フォームが正常に送信されてもターゲットに何も起こらないので、スクリプトがアクティブになっているかどうかわかりません。
3を編集します。
今度は、iframe内のリンクから親ページを呼び出そうとしています。そして、そこでも成功しません。
<a href="javascript:window.parent.getElementById('#target').load('mypage.php');">Link</a>
どのように解決するのですか?
要素を取得するための呼び出しに "#" が含まれているため、要素が見つからないという問題があると思われます。
window.parent.document.getElementById('#target');
jqueryを使用している場合のみ、#が必要です。ここではそうなっているはずです。
window.parent.document.getElementById('target');
関連
-
[解決済み] jQuery が Ajax 呼び出しの終了を待って戻るようにするにはどうすればよいですか?
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] 親ページからiframe内のJavaScriptコードを呼び出す
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jQueryでiframe内の要素を選択する
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] 兄弟ノードを選択する方法はありますか?
-
[解決済み] JSXとLoadshを使用して、ある要素をn回繰り返す方法
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] jQueryの$という記号の意味は何ですか?
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] ECMAScriptとは?
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法