美文网首页
Html中页面组件定位

Html中页面组件定位

作者: 雨中漫步的北极熊 | 来源:发表于2016-11-18 13:16 被阅读72次

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中页面组件定位

    html中有多种需求,需要获取到div对象在当前页面中的位置 方法1: 方法2: JS中获得窗口属性的方法 1。获...

  • Vue组件笔记

    全局组件 渲染至页面的html结构: 局部组件 渲染至页面的html结构:

  • uni-app之页面跳转navigator

    页面跳转 该组件类似HTML中的 组件,但只能跳转本地页面。目标页面必须在pages.json中注册 举个例子: ...

  • 微信小程序多图上传组件

    组件部分html css js json 用组件的页面html js json

  • js实现

    HTML中的脚本必须定位于 与 标签之间。脚本可被放置在HTML页面的 和 部分中