说明:1,因为高度的情况与宽度相同,所以下面的只是为了得到宽度的情况。
2,下面提到的所有方法和属性返回的值不是单位。
三.为了便于解释,下面的例子是缩写:

Obj,一个DOM对象表示本地JS;在jquery jQuery对象说
obj.style.width宽度>
offsetwidth -> obj.offsetwidth
$宽度>(obj。宽度)
innerwidth美元->(obj。innerwidth)
为边界的高度与宽度->(obj。边界的高度与宽度)
填充和填充左>和填充右对象
边框和边框左宽>边框右宽度对象

得到的宽度的原生js性能的宽度和offsetwidth。获得宽度的方法是obj.style.width,只能获得当对象被设置在嵌入式方式,否则返回一个空字符串。通过offsetwidth值为jQuery对象的边界的高度与宽度相同,和offsetwidth是非标准但支持的属性。

jQuery获取方式的宽度有三种方法:宽度(),innerwidth(),和边界的高度与宽度()。具体使用方法是:obj.width(),(),()obj.innerwidth obj.outerwidth。Width()获取对象的内容宽度。InnerWidth()获取内容的宽度和对象的填充宽度的总和。边界的高度与宽度()获取的宽度包括边界,填充宽度和内容的宽度。

这五种方法之间的关系如下:

宽度=宽度;
offsetwidth =边框+填料+宽度;
innerwidth美元=填充+宽度;
为边界的高度与宽度=边境+填料+宽度;

这五种方法是使用Firefox、Chrome、Opera、Safari,IE6,IE7兼容,IE8和IE9。只有两个问题:1、当宽度不定,Chrome的宽度都是错的时候,打开页面的第一时间。当第二打开,结果是Firefox相同。2、如果IE6没有设置宽高,滚动条不出现。