获取页面高度和可见高度

 

document.body.clientWidth ==> BODY对象宽度
 document.body.clientHeight ==> BODY对象高度

 document.documentElement.clientWidth ==> 可见区域宽度
 document.documentElement.clientHeight ==> 可见区域高度

 

 

var documentHeight = window.parent.document.documentElement.clientHeight;//获取父窗体可见窗体高度
            var $parentObj =  $(window.parent.document);//获取父窗体
            var headerHeight= $parentObj.find("#header").height();//获取父窗体的header高度
            var middleHeight = $parentObj.find("#middle").height();//获取父窗体的middle高度

 

           //不同屏幕高度的差值判断
            if(documentHeight > 1000){
             $(window.parent.document).find("iframe").height(documentHeight-headerHeight-middleHeight-10);   
            }else{
             $(window.parent.document).find("iframe").height(documentHeight-headerHeight-middleHeight);   
            }                 

          $("#mainDiv").height(documentHeight-headerHeight-middleHeight);//正文显示的高度=窗体可见高度-header高度-middle高度