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