$(o).outerWidth() = o.offsetWidth = o.style.width+o.style.padding+o.style.border;
$(o).outerWidth(true) = o.style.width+o.style.padding+o.style.border+o.style.margin;
注意：要使用原生的style.xxx方法获取属性，这个元素必须已经有内嵌的样式，如<div style=”….”></div>；
如果原先是通过外部或内部样式表定义css样式，必须使用o.currentStyle[xxx] ||document.defaultView.getComputedStyle(0)[xxx]来获取样式值
4）获取元素的位置信息：对应与图中7、8位置处
1）返回元素相对于文档document顶部、左边的距离；
jQuery：$(o).offset().top元素距离文档顶的距离，$(o).offset().left元素距离文档左边缘的距离
原生：getoffsetTop()，高程上有具体说明，这边就忽略了；
顺便提一下返回元素相对于第一个以定位的父元素的偏移距离，注意与上面偏移距的区别；
jQuery：position()返回一个对象，$(o).position().left = style.left，$(o).position().top = style.top；
4、知道如何获取元素尺寸、偏移距离后，接下来一个问题就是：如何判断某个元素进入或者即将进入可视窗口区域？下面也通过一张图来说明问题。
1）外面最大的框为实际页面的大小，中间浅蓝色的框代表父元素的大小，对象1~8代表元素位于页面上的实际位置；以水平方向来做如下说明！
2）对象8左边界相对于页面左边界的偏移距离（offsetLeft）大于父元素右边界相对于页面左边界的距离，此时可判读元素位于父元素之外；
3）对象7左边界跨过了父元素右边界，此时：对象7左边界相对于页面左边界的偏移距离（offsetLeft）小于 父元素右边界相对于页面左边界的距离，因此对象7就进入了父元素可视区；
4）在对象6的位置处，对象5的右边界与页面左边界的距离 大于 父元素左边界与页面左边界的距离；
5）在对象5位置处时，对象5的右边界与页面左边界的距离 小于 父元素左边界与页面左边界的距离；此时，可判断元素处于父元素可视区外；
6）因此水平方向必须买足两个条件，才能说明元素位于父元素的可视区内；同理垂直方向也必须满足两个条件；具体见下文的源码；
四、扩展为jquery插件
使用方法：$(“selector”).scrollLoad({ 参数在代码中有说明 })
(function($) {
$.fn.scrollLoading = function(options) {
var defaults = {
// 在html标签中存放的属性名称；
attr: "data-url",
