兼容主流浏览器的 iframe 自适应高度(很实用)

兼容主流浏览器的 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);
    }             

你可能感兴趣的:(JavaScript,iframe,高度,自适应)