document.body.clientHeight 和 document.documentElement.clientHeight的区别

document.body.clientWidth ==> BODY对象宽度
 document.body.clientHeight ==> BODY对象高度
 document.documentElement.clientWidth ==> 可见区域宽度
 document.documentElement.clientHeight ==> 可见区域高度

 

实例:

    var  hi = document.documentElement.clientHeight;
    var  wi = document.documentElement.clientWidth;    
   var  wi = wi-2;
    var  hi = hi-2;
    var de = wi+"px";
    var ddd=hi+"px";
    var dd = document.getElementById("001");
    dd.style.width=de;
    dd.style.height=ddd;
    dd.style.borderLeft="1px solid #4d6490";
    dd.style.borderRight="1px solid #4d6490";
    dd.style.borderBottom="2px solid #4d6490";

 

你可能感兴趣的:(document.body.clientHeight 和 document.documentElement.clientHeight的区别)