1. ホーム
  2. javascript

[解決済み] 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');