从iframe访问父窗口的元素

Question

我有一个可以打电话的页面parent.php。在此页面中，我有一个iframe带有提交表单的表单，除此之外，我还有一个ID为“ target”的div。是否可以在iframe中提交表单，并在成功刷新后刷新目标div。是说要在其中加载新页面？

编辑：目标div在父页面中，所以我的问题基本上是，是否可以在iframe之外向父对象进行jQuery调用的示例。那看起来如何？

编辑2：这就是我的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(); 

 }); 

 })

我不知道该脚本是否处于活动状态，导致表单成功提交，但目标没有任何改变。

编辑3：

现在，我尝试通过iframe中的链接调用父页面。那里也没有成功：

<a href="javascript:window.parent.getElementById('#target').load('mypage.php');">Link</a>

Answer 1

我认为问题可能是由于调用该元素时出现“＃”而找不到您的元素：window.parent.document.getElementById('#target');&nbsp;仅在使用jquery时才需要＃。在这里应该是：window.parent.document.getElementById('target');&nbsp;

Answer 2

在iframe中包含以下js，并使用ajax提交表单。$(function(){&nbsp; &nbsp;$("form").submit(e){&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; &nbsp; &nbsp;//Use ajax to submit the form&nbsp; &nbsp; &nbsp; &nbsp;$.ajax({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: this.action,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: $(this).serialize(),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success: function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;window.parent.$("#target").load("urlOfThePageToLoad");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp;});&nbsp; &nbsp;});});