JS动态调整页面宽度

window.onresize = function(){
   var nav=doc("ulNavigate");
   if(document.body.clientWidth < 1000){
      nav.style.width = "1000px";
   }else{
      nav.style.width = "100%";
   }
}

 

-----------------------------------------

 在javascript中得到当前窗口的高和宽  


<SCRIPT LANGUAGE="JavaScript">
var  s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;


s += "\r\n网页可见区域宽："+ document.body.offsetWidth  +" (包括边线和滚动条的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";


s += "\r\n网页正文全文宽："+ document.body.scrollWidth;   
s += "\r\n网页正文全文高："+ document.body.scrollHeight;


s += "\r\n网页被卷去的高："+ document.body.scrollTop;    //scrollTop有时会无效，跟<html>的DOCTYPE声明有关
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;

 


s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;


s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert(s);
</SCRIPT>

posted on 2008-01-05 13:27  执法长老  阅读(8569)  评论(0)    收藏  举报

导航