iframe自适应高度方法

《iframe自适应高度方法》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、简单一点给每个iframe外面套个div就可以了

2、tById){if(win&&!window.opera){if(win.contentDocument&&win.contentDocument.body.offsetHeight)win.height=win.contentDocument.body.offsetHeight;elseif(win.Document&&win.Document.body.scrollHeight)win.height=win.Document.body.scrollHeight;}}}最后，加入iframe,不能丢掉onload属性，当然了，id也

3、必须也函数中的win匹配复制代码代码如下:这么的这种也是跟上面的解决方法类似的代码经典代码iFrame自适应高度，在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。HTML代码：复制代码代码如下:

4、framesrc="http://www.fufuok.com/"id="iframepage"name="iframepage"frameBorder=0scrolling=nowidth="100%"onLoad="iFrameHeight()">Javascript代码：functioniFrameHeight(){varifm=document.getElementById("iframepage");var

5、subWeb=document.frames?document.frames["iframepage"].document:ifm.contentDocument;if(ifm!=null&&subWeb!=null){ifm.height=subWeb.body.scrollHeight;}}下面这个兼容性更好一些复制代码代码如下:functiondyniframesize(down){varpTar=null;i

6、f(document.getElementById){pTar=document.getElementById(down);}else{eval('pTar='+down+';');}if(pTar&&!window.opera){//beginresizingiframepTar.style.display="block"if(pTar.contentDocument&&pTar.contentDocument.body.offsetHeight){//ns6syntaxpTar.height=pTar.contentDocumen

7、t.body.offsetHeight+20;pTar.width=pTar.contentDocument.body.scrollWidth+20;}elseif(pTar.Document&&pTar.Document.body.scrollHeight){//ie5+syntaxpTar.height=pTar.Document.body.scrollHeight;pTar.width=pTar.Document.body.scrollWidth;}}}

8、ameborder="0"marginheight="0"marginwidth="0"frameborder="0"scrolling="auto"id="ifm"name="ifm"onload="javascrip