码迷,mamicode.com
首页 > 其他好文 > 详细

Iframe 自适应高度的方法!

时间:2014-07-31 16:54:46      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   strong   io   art   

第一种方法:代码简单,兼容性还可以,大家可以先测试下。
 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="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%" onLoad="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

 

Iframe 自适应高度的方法!,布布扣,bubuko.com

Iframe 自适应高度的方法!

标签:style   blog   http   color   java   strong   io   art   

原文地址:http://www.cnblogs.com/mlloc-clove/p/3880911.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!