在以下网站(http://www.homefresh.co.nz/gallery.html)上方顶部有一段javascript动态更改我的iFrame的高度
标题中的Javascript:
<script type="text/javascript" language="javascript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
//change the height of the iframe
var the_height = parseFloat(the_height) + 15;
document.getElementById('the_iframe').height=the_height;
}
//-->
</script>
在页面中是iFrame代码:
<iframe src="http://www.dpdesignz.co.nz/homefresh/" id="the_iframe" onLoad="calcHeight();" height="1" width="920px" scrolling="auto" frameBorder="0"></iframe>
除了某些原因它没有更新
我在这里使用完全相同的代码并且它有效(http://www.dpdesignz.co.nz/homefresh/test.htm)
任何人都可以看到任何阻止它的东西吗?
答案 0 :(得分:3)
包含脚本和iframe页面的页面必须位于同一个域中。由于安全问题,这是Same origin policy所必需的。
因此,如果您要访问www.dpdesignz.co.nz
上的文档,则必须使用www.dpdesignz.co.nz
域上的主页。这就是为什么你的一个脚本工作而另一个没有。