您的位置:首页 > Web前端 > JavaScript

兼容主流浏览器的 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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息