js动态改变iframe的高度
浏览数：31 /
时间：2015年06月09日
js动态改变iframe的高度的写法
〈iframe id="docDetail" width="100%" height="200"
frameborder="0"
src="a.htm"〉
〈/iframe〉
而a.html不是固定大小的，这个时候嵌套的iframe就会出现滚动条。
通过js获取iframe的高度，然后动态的改变，这样就不会出现滚动条。
方式一：在jsp的body里增加onload方法
〈body onload="javascript:ResizeFrame();"〉
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);
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
