js动态改变iframe的高度

js动态改变iframe的高度的写法

〈iframe id="docDetail" width="100%"  height="200"

frameborder="0"

src="a.htm"〉

〈/iframe〉

而a.html不是固定大小的，这个时候嵌套的iframe就会出现滚动条。

通过js获取iframe的高度，然后动态的改变，这样就不会出现滚动条。

方式一：在jsp的body里增加onload方法

〈body 〉

function ResizeFrame() {

var oFrame = document.getElementById("docDetail");

var vHeight= document.frames("docDetail").document.body.scrollHeight;

oFrame.height = vHeight;

}

通过document.frames("docDetail")可以获得确实的高度

通过document.getElementById("docDetail")可以改变frame的高度。

方式二：在html的body里增加onload方法：

〈body onLoad="javascript:ReSize();"〉

function ReSize() {

//自动调节窗口的大小

var vHeight = document.body.scrollHeight + 30;

window.resizeTo(650, vHeight);

}

js动态改变iframe的高度,布布扣,bubuko.com