黑马程序员技术交流社区

标题: 简单两步实现iframe高度自适应【兼容IE,火狐...】 [打印本页]

---

作者: right    时间: 2015-5-8 18:04
标题: 简单两步实现iframe高度自适应【兼容IE,火狐...】

1:<iframe src="help/help1.jsp" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="auto" height="auto" id="display_frame" name="display_frame" ></iframe>

2：
<script>
function setWinHeight(obj){
var display_frame = obj;
if(document.getElementById){
if(display_frame && !window.opera){
if(display_frame.contentDocument && display_frame.contentDocument.body.offsetHeight){
display_frame.height = display_frame.contentDocument.body.offsetHeight+50;
}
else if(display_frame.Document && display_frame.Document.body.scrollHeight){
display_frame.height = display_frame.document.body.scrollheight+50;
}
}
}
}
</script>[qq]1030769815[/qq]

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2