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

浏览数：35 / 时间：2015年06月09日

关于第一种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自适应高度问题