2、有滾動條
clientWidth=CSS中定義的寬度-滾動條寬度（17固定值）-邊框?qū)挾龋?/DIV>
clientHeight=CSS中定義的高度-滾動條寬度（17固定值）-邊框?qū)挾?BR> 實際真實寬度，不包括padding與邊框值
（除IE和Opera以外無此屬性）
offsetLeft，offsetTop clientLeft，clientTop currentSytle[‘left’]，currentStyle[‘top’]
有無滾動條均為：
offsetLeft=對象的offsetLeft-邊框
offsetTop=實際值
有無滾動條均為：邊框的寬度
除IE和Opera以外無此屬性
2、測試IE8.0變態(tài)模式(Quirks)的寬度與高度（width，height）
offsetWidth，offsetHeight clientWidth，clientHeight currentStyle[‘width’]，currentStyle[‘height]
1、（無滾動條）寬度（高度）=當前對象的實際數(shù)值
2、（有滾動條）寬度（高度）=CSS中定義的數(shù)值
1、（無滾動條）寬度（高度）=當前對象的實際數(shù)值
2、（有滾動條）寬度（高度）=當前對象在CSS中定義的數(shù)值-滾動條（17）-邊框?qū)挾?BR> 有無滾動條均為：
寬度和高度均為CSS中定義的數(shù)值
（除IE和Opera以外無此屬性）
offsetLeft，offsetTop clientLeft，clientTop currentSytle[‘left’]，currentStyle[‘top’]
有無滾動條均為：
offsetLeft（offsetTop）=實際值
有無滾動條均為：邊框的寬度
除IE和Opera以外無此屬性
3、FF、Opera、Safari和Chrom中所取得的數(shù)值與第一種情況一樣。
三、取消DOCTYPE聲明
1、IE6.0、IE7.0在沒有DOCTYPE聲明時與IE8.0中的變態(tài)模式（Quirks）中嚴格型結(jié)果相同。
2、FF、Safari、Chrome和IE8.0標準模式是與過渡型結(jié)果相同。
3、Opera瀏覽器中，在元素沒有滾動條時offsetHeight與clientHeight的取值是在其當前現(xiàn)實的大小。
四、將DOCTYPE聲明改寫為<!docType>
1、IE6.0、IE7.0在沒有DOCTYPE聲明時與IE8.0中的變態(tài)模式（Quirks）中嚴格型結(jié)果相同。
2、FF、Safari、Chrome和IE8.0標準模式是與過渡型結(jié)果相同。
3、Opera瀏覽器中，在元素沒有滾動條時offsetHeight與clientHeight的取值是在其當前現(xiàn)實的大小。
在Opera中也擁有與IE一樣的屬性“currentStyle”，所以在Opera中也可以使用currentStyle來取得元素的精確值。
該文章在 2010/11/25 22:38:14 編輯過
400 186 1886
