兼容主流浏览器的 iframe 自适应高度(很实用)
2014-01-10 11:02
597 查看
兼容主流浏览器的 iframe 自适应高度(很实用)
兼容主流浏览器的 Iframe 自适应高度,js脚本如下://iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); }, 200); }
调用方法:
<iframe id="HQRight" name="HQRight" onload="javascript:iframeAutoFit(this);" height="235px;" width="770px" frameborder="0" scrolling="no" src="Market/HQData_page.aspx?t=tjs"></iframe>
扩展:
//动态添加样式 function addSheetFile(obj, path) { if (obj == undefined || obj == null) obj = document; var fileref = obj.createElement("link") fileref.rel = "stylesheet"; fileref.type = "text/css"; fileref.href = path; fileref.media = "screen"; var headobj = obj.getElementsByTagName('head')[0]; headobj.appendChild(fileref); }
相关文章推荐
- Iframe的高度自适应且兼容谷歌,火狐,IE和360等主流浏览器
- 兼容主流浏览器的iframe自适应高度js脚本
- 兼容主流浏览器的iframe自适应高度js脚本
- iframe自适应高度(兼容多种浏览器)
- 兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- iframe自适应高度(兼容多种浏览器)
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- 基于jquery的兼容各种浏览器的iframe自适应高度的脚本
- iframe显示高度自适应兼容多浏览器
- iframe自适应高度(兼容多种浏览器)
- 兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
- JavaScript自动设置IFrame高度(兼容各主流浏览器)
- iframe自适应高度(兼容多种浏览器)
- 沫沫金;;最新Iframe全浏览器兼容自适应高度解决方案
- jquery iframe自适应高度代码(浏览器兼容)
- jquery兼容各种浏览器的iframe自适应高度的脚本
- 【开发过程问题汇总系列】【iframe自适应高度】兼容 FireFox和IE内核的浏览器