[转]iframe高度自适应，兼容IE,FF

iou33449999 楼主

有时在项目中会遇到通过在页面中采用iframe的方式include其它页面，这时就会考虑不要因出现滚动条而影响页面效果，但include页面的内容高度是未知的，所以大家都会利用javascript来解决这个问题。
在网上曾看见过解决此问题的代码，不过拷贝到本地进入调试时有些不正常，在IE下无法正确获得嵌套页面的高度，通过各种尝试，最终代码如下：

<script type="text/javascript"> function SetCwinHeight(iframeObj){ if (document.getElementById){ if (iframeObj && !window.opera){ if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){ iframeObj.height = iframeObj.contentDocument.body.offsetHeight; }else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){ iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight; } } } } </script> <iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src="http://bbs.blueidea.com/"></iframe>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

在一个页面含有某个iframe，其id="myframe" name="myframe"，此时使用document.getElementById("myframe")取到的是iframe标签对象，通过该对象可以获取iframe的各个属性，例如src、frameborder、style等等，但是不能获取到iframe所包含的子页面的各个对象。如果使用document.frames("myframe")取到的是iframe组件对象，通过该对象可以获取到iframe所包含的页面的子页面的各个对象，例如子页面的window对象，但是不能获得iframe标签得各个属性，例如上面说到的src等等。

原连接 ： http://www.welcome58.cn/archives/137

esedumike

为什么代码复制到我的页面里，没有效果呢？

willlong

好像异地的网页不行啊。

esedumike

怎么解决啊。。。蓝色高手们。。。

yangedie

http://blog.sina.com.cn/s/blog_4e8612fb01009snt.html

iou33449999 楼主

这段代码 要使其高度小于500px时 使其默认至少500px该怎么改呢？？

<script type="text/javascript"> function SetCwinHeight(iframeObj){ if (document.getElementById){ if (iframeObj && !window.opera){ if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){ iframeObj.height = iframeObj.contentDocument.body.offsetHeight; }else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){ iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight; } } } } </script> <iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src="http://bbs.blueidea.com/"></iframe>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

iou33449999 楼主

这个问题继续问

bluefox204

<P>vsdfs<IMG src="http://file.ewebeditor.net/1000/20080814/20080814232729174.gif" border=0>dfadfadfa</P>

bluefox204

<IMG src="http://file.ewebeditor.net/1000/20080814/20080814232908797.gif" border=0>

songlv

没啥意思
跨域的页面肯定没权限的