坐标大全
博客专区 > yongu 的博客 > 博客详情
坐标大全
yongu 发表于3年前
坐标大全
  • 发表于 3年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

IE(以下只支持IE浏览器)

IE(用来求相对父亲坐标的偏移位置)

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标 

IE(相对浏览器\窗口)

event.clientX 相对浏览器\窗口的水平坐标

event.clientY 相对浏览器\窗口的垂直坐标

IE(相对浏览器\窗口,只支持IE 9+IE 5678都不支持)

event.pageX  相对浏览器\窗口的水平坐标e.pageX  其他浏览器也支持)

event.pageY  相对浏览器\窗口的垂直坐标e.pageY  其他浏览器也支持)

IE(相对显示器屏幕)

event.screenX  相对显示器屏幕的水平坐标e.screenX其他浏览器也支持)

event.screenY   相对显示器屏幕的垂直坐标e.screenY其他浏览器也支持)

IE(滚动条的位置)

document.body.scrollTop  滚动条的高(苹果window.pageXOffset,火狐document.documentElement.scrollTop

document.body.scrollLeft  滚动条(苹果window.pageYOffset,火狐document.documentElement.scrollLeft  

IE(窗口\浏览器相对于屏幕的坐标)

window.screenLeft    窗口\浏览器相对于屏幕移动的水平坐标(火狐window.screenX  )

window.screenTop     窗口\浏览器相对于屏幕移动的垂直坐标火狐window.screenY )

 

都支持系列

 window.screen.height   屏幕分辨率的高

Window.screen.width   屏幕分辨率的宽

window.screen.availHeight    屏幕可用工作区高度:(除去任务栏这种被遮挡部分)

window.screen.availWidth     屏幕可用工作区宽度(除去任务栏这种被遮挡部分)

document.body.scrollHeight   整个页面滚动条的高度

document.body.scrollWidth    整个页面滚动条的宽度

document.body.offsetWidth    网页可见区域宽 (包括边线的宽width+padding+border+margin);

document.body.offsetHeight   网页可见区域高(包括边线的高,width+padding+border+margin);

document.body.clientWidth    在页面上返回内容的可视宽度(不包括边框,边距或滚动条,document.documentElement.clientWidth IE和火狐误差,windows.innerWidth相同当不支持IE

document.body.clientHeight  在页面上返回内容的可视高度(不包括边框,边距或滚动条document.documentElement.clientHeightIE和火狐误差,windows.innerHeight相同当不支持IE

offsetLeft  返回浏览器的宽的距离

offsetTop   返回浏览器的高的距离

设置高和宽还是要用style.width style.height;

未知:

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

 

 

 


共有 人打赏支持
粉丝 3
博文 17
码字总数 13645
×
yongu
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: