首页 > 其他 > 详细

iframe 自适应高度

时间:2015-05-25 14:27:17      阅读:229      评论:0      收藏:0      [点我收藏+]
<iframe id="iframePage" name="iframePage" src="http:www.xxx.com" scrolling="no" height="100%" width="1300" onload="Javascript:setWinHeight()" ></iframe>
<iframe id="iframePage" name="iframePage" src="http:www.xxx.com" scrolling="no" height="100%" width="1300" onload="Javascript:setWinHeight()" ></iframe>
function setWinHeight() {
    setInterval(setIframeHeight, 2000);
}

function setIframeHeight(){
    var ifm= document.getElementById("iframePage");
    var subWeb = document.frames ? document.frames["iframePage"].document : ifm.contentDocument;
    if(ifm != null && subWeb != null) {
        ifm.height = subWeb.body.scrollHeight;
    }
}

 

如果iframe 的页面是通过ajax动态加载的,那么需要通过 setInterval来修改iframe的高度,

如果iframe的页面是静态的页面, 则onload方法直接调用setIframeHeight方法就OK了。

 

iframe 自适应高度

原文:http://www.cnblogs.com/zhonghan/p/4527623.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!