0

在以下网站 ( 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

谁能看到任何阻止它的东西?

4

1 回答 1

3

带有脚本的页面和 iframe 页面必须在同一个域中。由于安全问题,这是同源策略所要求的。

因此,如果您想访问已打开的文档,www.dpdesignz.co.nz则必须使用www.dpdesignz.co.nz域中的主机页面。这就是为什么您的一个脚本有效而另一个无效的原因。

于 2012-08-08T09:07:32.807 回答