使用基于内容的Javascript设置iframe高度

时间:2012-02-14 10:28:56

标签: javascript iframe scroll

我有一个外部JavaScript被调用到html页面。我遇到问题的javascript行如下:

document.getElementById('lsb').innerHTML = '<iframe src="http://domain.com/feeds/" id="frame" frameBorder="0" style="border: none; width: 100%; min-width: 100%;" onLoad="calcHeight();" ></iframe>';

function calcHeight(){
    var the_height= document.getElementById('frame').contentWindow.document.body.scrollHeight;
    document.getElementById('frame').height=the_height;
}  

现在有趣的部分是这个代码有效,当名称被调用时,高度被调整为其内容的高度,因此没有滚动条。但是,如果iframe的src值不是javascript文件和html的本地值,那么它不起作用,则不会设置高度值。

有谁知道这是为什么,或者有另一种脚本?

提前致谢,情人节快乐:)

1 个答案:

答案 0 :(得分:1)

这是一个跨域问题,大多数浏览器都不允许您访问/操作来自不同域的内容。这是浏览器安全限制。