如何用JavaScript实现捕获用户浏览器分辩率的问题。

<script>
function ChangePosition(){
if(screen.width==800){
   document.all.layer10.style.top = 200;
   document.all.layer10.style.top = 500;
}
else if(screen.width==1024)
{
   document.all.layer10.style.top = 160;
   document.all.layer10.style.top = 730;
}
}window.attachEvent("onload",ChangePosition);
</script>

解决方案 »

  1.   

    在javascript中得到当前窗口的高和宽
    <body><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;
    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;
    alert(s);
    </SCRIPT>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD>
    <BODY>
    <script>
    function chek(){
       var width=screen.width;
       var height=screen.height;
       if(width==1024&&height==768){
          alert('调用方案A');
          this.innerHIML='<DIV class=layer id=layer10 style="TOP: 200px ;LEFT:500" onmouseover=menumouseover1("layer10"); onmouseout=navmenu_out1() >';
       }
       if(width==1014&&height==768){   
          alert('调用方案B');
          this.innerHIML='<DIV class=layer id=layer10 style="TOP: 160px;LEFT:730" onmouseover=menumouseover1("layer10"); onmouseout=navmenu_out1() >';
       }
    }
    chek();
    </script>
    </BODY>
    </HTML>