如何从iframe访问父窗口的元素?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (64)

有一个页面可以调用parent.php。在这个页面中,我有一个提交表单的iframe,除此之外,我有一个ID为“target”的div。

是否有可能在iframe中提交表单,以及成功刷新目标div?

如果你可以做一个例子的jQuery调用之外的公司的iframe。那该怎么看?

我的jQuery代码现在的样子。它位于iframe页面中。div #target位于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(); 
 }); 
 })

我不知道脚本是否激活导致表单成功提交,但没有任何反应。

即时通讯尝试从iframe中的链接调用父页面。在那里也没有成功

<a href="javascript:window.parent.getElementById('#target').load('mypage.php');">Link</a>
提问于
用户回答回答于

我认为这个问题可能是因为使用“#”找不到你的元素:

window.parent.document.getElementById('#target'); 

如果你使用jQuery你只需要#。这里应该是:

window.parent.document.getElementById('target'); 
用户回答回答于

将下面的js放在iframe中并使用ajax提交表单。

$(function(){

   $("form").submit(e){
        e.preventDefault();

       //Use ajax to submit the form
       $.ajax({
          url: this.action,
          data: $(this).serialize(),
          success: function(){
             window.parent.$("#target").load("urlOfThePageToLoad");
          });
       });

   });

});

扫码关注云+社区

领取腾讯云代金券