window对象:
属性 | 描述 |
---|
window.innerHeight | 窗口高度(不包括边栏和工具栏) |
window.innerWidth | 窗口宽度(不包括边栏和工具栏) |
window.pageXOffset | 文档滚动的水平距离 |
window.pageYOffset | 文档滚动的垂直距离 |
window.screenX | 鼠标点的X坐标,相对于屏幕左上角 |
window.screenY | 鼠标点的Y坐标,相对于屏幕左上角 |
window.screen.width | 访问window.screen对象并找到width值 |
window.screen.height | 访问window.screen对象并找到height值 |
事件对象:
$('li').on('click',function(e){
eventType=e.type;
}};
属性 | 说明 |
---|
screenX | 鼠标点的X坐标,相对于屏幕左上角 |
screenY | 鼠标点的Y坐标,相对于屏幕左上角 |
pageX | 鼠标相对整个页面左边缘的位置 |
pageY | 鼠标相对整个页面上边缘的位置 |
clientX | 鼠标相对可视区域左边缘的位置 |
clientY | 鼠标相对可视区域上边缘的位置 |
jQuery—HTML框模型尺寸:
方法 | 说明 |
---|
.height() | 框的高度(不包括margin,padding,border) |
.width() | 框的宽度(不包括margin,padding,border) |
.innerHeight() | 框的高度+padding |
.innerWidth() | 框的宽度+padding |
.outerHeight() | 框的高度+padding+border |
.outerWidth() | 框的宽度+padding+border |
.outerHeight(true) | 框的高度+margin+padding+border.outerWidth(true) |
jQuery—窗口与页面尺寸
方法 | 说明 |
---|
.height() | jQuery选取结果的高度,如$(document).height(); |
.width() | jQuery选取结果的宽度 |
.scrollLeft() | jQuery选取结果中第一个元素的水平滚动条位置,或设置所有匹配节点的水平滚动条位置 |
.scrollTop() | jQuery选取结果中第一个元素的垂直滚动条位置,或设置所有匹配节点的垂直滚动条位置 |
jQuery—元素在页面中的位置
方法 | 说明 |
---|
.offset() | 获取或设置元素相对于文档对象左上角的坐标 |
.position() | 获取或设置元素相对于不在普通布局流中的祖先节点(例如:使用了css的偏移距离)的坐标。若所有祖先节点都在普通布局流中,则返回结果与.offset()的返回结果相同,两者的返回结果都包含两属性——top、left。 |