iframe自适应高度
2012-08-14 15:44
183 查看
最近在做项目中,遇到一个问题,就是iframe高度的自适应问题,以下是解决办法:
对于上面的代码直接保存一个文件iframe.js,然后引用即可
注意:这段代码对于跨域的iframe引用不太适用,需要特别定义其iframe高度
下面这个代码是跨域的iframe高度
http://zoujialiang.iteye.com/blog/682216
var iframeids = ['memberIndexIframe','inquiryCenterIframe','everychinaBbsIframe']; var iframehide = "yes"; function dynIframeSize(){ var dyniframe = []; for(var i=0;i<iframeids.length;i++){ if(!document.getElementById) return false; dyniframe[i] = document.getElementById(iframeids[i]); if(dyniframe[i] && !window.opera){ dyniframe[i].style.display = "block"; if(dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight){ dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight; }else if(dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight){ dyniframe[i].height = dyniframe[i].Document.body.scrollHeight; } } if((document.all || document.getElement) && iframeids == "no") { var tempobj = document.all?document.all[iframeids[i]] : document.getElementById(iframeids[i]); tempobj.style.display = "block"; } } } if (window.addEventListener) window.addEventListener("load", dynIframeSize, false) else if (window.attachEvent) window.attachEvent("onload", dynIframeSize) else { window.onload = dynIframeSize; }
对于上面的代码直接保存一个文件iframe.js,然后引用即可
注意:这段代码对于跨域的iframe引用不太适用,需要特别定义其iframe高度
下面这个代码是跨域的iframe高度
http://zoujialiang.iteye.com/blog/682216
相关文章推荐
- dh: 实现iframe 自适应高度的问题(初始化和动态加载数据的时候)
- JS实现iframe自适应高度
- 基于jquery的兼容各种浏览器的iframe自适应高度的脚本
- iframe自适应高度
- Iframe高度自适应(兼容IE/Firefox、同域/跨域)
- IFrame跨域高度自适应实现代码
- iframe自适应加载页面高度-js实现(转载)
- (转)iFrame高度自适应
- javascript原生和jquery库实现iframe自适应高度和宽度
- 设置iframe高度自适应
- iframe自适应高度?
- iframe高度自适应、载入完成事件
- 是Iframe高度自适应
- iframe 自适应高度
- iframe自适应高度
- 关于IFRAME 自适应高度的研究
- js获取iframe和父级之间元素,方法、属,获取iframe的高度自适应iframe高度
- 跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
- html iframe高度自适应
- 调整页面的iframe框架自适应高度