Html中页面组件定位

html中有多种需求,需要获取到div对象在当前页面中的位置

方法1:

     function   getAbsPoint(event)     
      {     
      var   x   =   event.offsetLeft,   y   =   event.offsetTop;     
      while(event=event.offsetParent)   
      {   
      x   +=   event.offsetLeft;     
      y   +=   event.offsetTop;  
      }   
      alert("x:"+x+","+"y:"+y);     
      }

方法2:

     function   getAbsPoint(obj)     
    {     
     var   x,y;     
     var  oRect   =   obj.getBoundingClientRect();     
       x=oRect.left     
      y=oRect.top     
      alert("("+x+","+y+")")     
   }  

JS中获得窗口属性的方法

1。获得屏幕的分辨率:

      screen.width   
      screen.height   

2。获得窗口大小:

      document.body.clientWidth   
      document.body.clientHeight   

3。获得窗口大小(包含Border、Scroll等元素)

      document.body.offsetWidth   
      document.body.offsetHeight  

你可能感兴趣的:(Html中页面组件定位)