JS实现iframe自适应高度的方法(兼容IE与FireFox)
实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下:
1.在<body>标签下先输入如下JS代码
<scriptlanguage=
"javascript"
>
function
adjustFrameSize()
{
var
frm = document.getElementById(
"iframe1"
);
//将iframe1替换为你的ID名
var
subWeb = document.frames ? document.frames[
"iframe1"
].document : frm.contentDocument;
if
(frm !=
null
&& subWeb !=
null
)
{
frm.style.height=
"0px"
;
//初始化一下,否则会保留大页面高度
frm.style.height = subWeb.documentElement.scrollHeight+
"px"
;(可写为变量)
frm.style.width = subWeb.documentElement.scrollWidth+
"px"
;
subWeb.body.style.overflowX=
"auto"
;
subWeb.body.style.overflowY=
"auto"
;
}
}
</script>
2:在iframe标签中加上id="iframe1"onload="adjustFrameSize()"
<iframe src="right.jsp" name="rightFrame" id="frame_right" onload="adjustFrameSize()" height="500" width="100%" frameborder="0">浏览器不支持嵌入式框架,或被配置为不显示嵌入式框架。</iframe>