首页 > 代码库 > Iframe 自适应高度的方法!
Iframe 自适应高度的方法!
第一种方法:代码简单,兼容性还可以,大家可以先测试下。
1 function SetWinHeight(obj) 2 { 3 var win=obj; 4 if (document.getElementById) 5 { 6 if (win && !window.opera) 7 { 8 if (win.contentDocument && win.contentDocument.body.offsetHeight) 9 win.height = win.contentDocument.body.offsetHeight; 10 else if(win.Document && win.Document.body.scrollHeight) 11 win.height = win.Document.body.scrollHeight; 12 } 13 } 14 }
<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="http://www.mamicode.com/1.htm"></iframe>
2.经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。
HTML代码:
<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onl oad="iFrameHeight()" ></iframe>Javascript代码:
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
http://www.jb51.net/article/15780.htm
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。