现在的位置: 首页 > 综合 > 正文

iframe自适应高度的方法

2013年09月21日 ⁄ 综合 ⁄ 共 586字 ⁄ 字号 评论关闭

一种方法:代码简单,兼容性还可以,大家可以先测试下

function SetWinHeight(obj) 
{ 
var win=obj; 
if (document.getElementById) 
{ 
if (win && !window.opera) 
{ 
if (win.contentDocument && win.contentDocument.body.offsetHeight) 
win.height = win.contentDocument.body.offsetHeight; 
else if(win.Document && win.Document.body.scrollHeight) 
win.height = win.Document.body.scrollHeight; 
} 
} 
} 

记住 在iframe,不能丢掉onload属性,当然了,id也必须也函数中的win匹配 例如:

<iframe width="100%" align="center"  id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="1.htm"></iframe> 

这么的这种也是跟上面的解决方法类似的代码
经典代码
iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试

抱歉!评论已关闭.