兼容主流浏览器的iframe自适应高度js脚本

169 阅读 0 评论 112 点赞

我是靠谱客的博主如意香氛，最近开发中收集的这篇文章主要介绍兼容主流浏览器的iframe自适应高度js脚本，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

兼容主流浏览器的 Iframe 自适应高度，js脚本如下：

复制代码代码如下:

 
//iframe 高度自适应 
function iframeAutoFit(iframeObj) { 
setTimeout(function () { 
if (!iframeObj) return; 
iframeObj.height = (iframeObj.Document ? iframeObj.Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight); 
}, 200); 
}<span style="font-family: Arial, Helvetica, sans-serif;"> </span> 

调用方法：

复制代码代码如下:

 
<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); 
} 