Question

我有这个html结构：

<html>
<body>
This is the container of the iframe
<iframe src="/foo.html">
</iframe>
</body>
</html>

（/ foo.html）

<html>
<script type="text/javascript">
$('a').click( function() {
window.location = window.location;
});
</script>
<body>
<a href="#">link to me</a>
</body>
</html>

当我多次点击“链接到我”时，iframe会嵌套在另一个iframe结构中（就像副本一样）（使用firebug可以验证这一点）：

<html>
 <body>
  This is the container of the iframe
  <iframe src="/foo.html">
<html>
 <body>
  This is the container of the iframe
  <iframe src="/foo.html">
<html>
 <body>
  This is the container of the iframe
  <iframe src="/foo.html">
  </iframe>
 </body>
</html>
  </iframe>
 </body>
</html>
  </iframe>
 </body>
</html>

¿我该怎么做才能解决这个问题？

Answer 1

iframe根据same-origin policy限制其可以访问的内容。如果您的iframe来自同一个域和相同的子域，那么您的iframe可以使用：

parent.document.location
parent.window.location
parent.window.document.location
parent.document.location.href

或其他一些类似的方法来访问必要的数据。如果它不是来自同一个域和子域，则尝试使用上述任何代码都将导致错误。

每当我使用window.location时嵌套iframe

1 个答案: