Question

像这样：

<!DOCTYPE html>
<html>
<meta><script type="text/javascript" src="jquery1.x.js"></script></meta>
<body>
<iframe src="myiframe.html">
</iframe>
<div class="dialog" style="display:none;">
 Hello world!
</div>
</body>
</html>

（myiframe.html）

<script type="text/javascript">
$('.dialog').show();
</script>

也许使用AJAX？

Answer 1

您可以像这样访问

var parentBody = window.parent.document.body;
$(".dialog", parentBody).show();

Answer 2

如果iframe和页面具有相同的域（这实际上意味着遵守相同的域策略https://developer.mozilla.org/en-US/docs/JavaScript/Same_origin_policy_for_JavaScript）然后您可以通过

轻松访问页面窗口对象

var parentPage = window.parent;

然后致电

parentPage.$('.dialog').show();

但如果域名不匹配，您将在此处获得安全例外。

可以访问iframe之外的html（来自iframe）吗？

2 个答案: