屏幕视图窗口的宽，高 定义

1.屏幕可视窗口大小

原生方法：
    window.innerHeight 标准浏览器及IE9+ 
    document.documentElement.clientHeight 标准浏览器及低版本IE标准模式
    document.body.clientHeight  低版本混杂模式

jQuery方法： 
    $(window).height();

2.浏览器窗口顶部与文档顶部之间的距离（滚动条滚动的距离）

原生方法：
      window.pagYoffset 标准浏览器及IE9+ ||
      document.documentElement.scrollTop 兼容ie低版本的标准模式 ||
      document.body.scrollTop 兼容混杂模式；
jQuery方法：
      $(document).scrollTop();

3.得到某个元素的尺寸

$(ele).width() = ele.style.width;
$(ele).innerWidth() = ele.style.width+o.style.padding;
$(ele).outerWidth() = ele.offsetWidth = ele.style.width+ele.style.padding+ele.style.border；
$(ele).outerWidth(true) = ele.style.width+ele.style.padding+ele.style.border+ele.style.margin；

4.获取属性值

如果想拿到外部或内部样式表定义的css样式中的某个属性值，
要使用 ele.currentStyle["attr"]或者ele.currentStyle.attr（只兼容IE,不兼容火狐和谷歌） || window.getComputedStyle(ele,null)[attr]或者是window.getComputedStyle(ele,null).attr

ele.style.xxx方法获取属性值 只适合获取目标元素的内联的样式

5.获取元素的位置信息

jQuery方法：
    $(ele).offset().top元素距离文档顶的距离
    $(ele).offset().left元素距离文档左边缘的距离。
原生方法：
    getoffsetTop();

6.元素相对于第一个以定位的父元素的偏移距离

jQuery：position()返回是一个对象
    $(ele).position().left = o.style.left;
    $(ele).position().top = o.style.top；