瀏覽器的盒子模型分為兩類,一類為標(biāo)準(zhǔn)的w3c盒子模型,另一類為IE盒子模型,兩者區(qū)別為在Width和Height這兩個(gè)屬性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型則包含,而在jQuery 中,可以通過$.support.boxModel
對(duì)象返回的值,檢測(cè)瀏覽器是否屬于標(biāo)準(zhǔn)的w3c盒子模型。
例如,根據(jù)頁面的特征,并通過$.support.boxModel
屬性的返回值,顯示當(dāng)前瀏覽器是否屬于標(biāo)準(zhǔn)的w3c盒子模型,如下圖所示:
在瀏覽器中顯示的效果:
從圖中可以看出,由于打開的頁面屬于標(biāo)準(zhǔn)的w3c盒子模型,因此,在調(diào)用$.support.boxModel
屬性時(shí),返回true值。
我來試試,親自調(diào)用$.support.boxModel
屬性檢測(cè)頁面是否屬于標(biāo)準(zhǔn)盒子模型
在下列代碼的第19行,根據(jù)$.support.boxModel
屬性的返回值,檢測(cè)當(dāng)前頁面是否屬于標(biāo)準(zhǔn)的盒子模型。
$.support
對(duì)象的一個(gè)屬性,因此,必須先獲取$.support
對(duì)象,然后通過該對(duì)象調(diào)用boxModel屬性名進(jìn)行檢測(cè)。因?yàn)樵诒臼纠校饕獧z測(cè)HTML標(biāo)記,不能沒有,否則檢測(cè)就沒有什么意義。另外,$.support.boxModel檢測(cè)的是瀏覽器是否屬于w3c標(biāo)準(zhǔn)盒子模型,如果是則返回true。現(xiàn)在沒有HTML,那么將返回false,所以顯示IE盒子。
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)