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  
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,855评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,857评论 0 11
  • 6、后羿射日 天下十个太阳消失了么? 依旧还高挂于天空。 民众祈盼的雨水下来么? 没有,滴落于土壤中,唯有汗水,而...
    王威阅读 3,950评论 0 0
  • 1 《肖申克的救赎》 斯蒂芬·金(著) 书摘 一个人如果懂得利用时间的话(即使每一次只有一点点时间)一点一滴积累起...
    我在树下等你读书阅读 3,328评论 0 0