alert(document.documentElement.clientWidth || document.body.clientWidth);

获取可视区域的宽度，通常用于布局调整

alert(document.documentElement.clientHeight || document.body.clientHeight);

获取可视区域的高度，用于控制网页垂直方向的布局

alert(document.documentElement.offsetWidth || document.body.offsetWidth);

获取当前窗口文档的宽度，用于跨窗口布局设计

alert(document.documentElement.offsetHeight || document.body.offsetHeight);

获取当前窗口文档的高度，适用于多页布局

alert(document.documentElement.scrollTop || document.body.scrollTop);

获取网页滚动条滚动到顶部的高度

alert(document.documentElement.scrollLeft || document.body.scrollLeft);

获取网页滚动条滚动到左侧的距离

$(window).width();

获取可视区域宽度，适用于响应式设计

$(window).height();

获取可视区域高度，用于控制页面垂直布局

$(document).width();

获取当前窗口文档的宽度，适用于跨域布局设计

$(document).height();

获取当前窗口文档的高度，用于处理多图页布局问题

$(window).scrollTop();

获取当前页面的垂直滚动位置

$(window).scrollLeft();

获取当前页面的水平滚动位置

$('div').offset().left;

返回指定元素左侧的绝对坐标

$('div').position().left;

返回指定元素在其定位父元素中的左侧位置