首页 > Web开发 > 详细

关于有ajax 请求的iframe自适应高度问题

时间:2015-01-08 11:01:35      阅读:312      评论:0      收藏:0      [点我收藏+]

关于第一种iframe自适应高度问题比较简单

页面加载完后 重新计算一下高度

1 document.onreadystatechange=function() {  
2           if(document.readyState=="complete"){
3            window.parent.document.getElementById("iframeID").height=document.body.scrollHeight;
4               }  
5     }

还有一种就是页面有使用jQuery ajax请求,页面加载完后,请求还在继续,页面的高度还在改变

这种使用上面的方法完全实现不了效果

第二种 使用jquery的 ajaxComplete 方法,每一次ajax 请求完成后,都再次获取页面高度更改iframe 高度

    function getheightouat(){
                window.parent.document.getElementById("iframeID").height=document.body.scrollHeight;
    }
    $(document).ajaxStart(function(){})
    .ajaxComplete(function(){
        getheightouat();
    }).ajaxStop(function(){});

 

关于有ajax 请求的iframe自适应高度问题

原文:http://www.cnblogs.com/yehshuai/p/4210111.html

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