Question

我正在使用jquery脚本来自动调整iframe。到目前为止工作正常，但我对网站做了很多更改，突然间它停止了工作，我发现使用Chrome开发工具时JS正在提供此错误消息：

无法读取“body”未定义的属性。

我从代码中删除了所有内容，只是调用了jquery和头部调整大小的脚本：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/iframe.js"></script>
</head>

和身体中的iframe。

<body>
<iframe src="http://chusmix.com" scrolling="no" frameborder="0"></iframe>
</body>

然而它仍然无效。我不知道还能做什么。我在这里测试一下：

http://www.chusmix.com/game/testframe.php

我做错了什么？感谢

Answer 1

这是一个安全问题。您要查看的网址是http：// www .chusmix.com，iframe是http://chusmix.com（没有www），因此浏览器不允许您访问iframe文件（因此未定义）。

转到http://chusmix.com/game/testframe.php，您会看到它有效。

Answer 2

或者，您可以将以下属性添加到iframe元素中，该元素将为您完成工作：

onload="$(this).height($(this.contentWindow.document.body).height());"

iFrame jquery自动调整大小不起作用

2 个答案: