《 JavaScript&jQuery交互式Web前端开发》读书笔记一：各种方式确定窗口、文档、鼠标的宽高、位移等信息

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。