瀏覽器的盒子模型分為兩類，一類為標準的w3c盒子模型，另一類為IE盒子模型，兩者區別為在Width和Height這兩個屬性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型則包含，而在jQuery 中，可以通過$.support.boxModel對象返回的值，檢測瀏覽器是否屬于標準的w3c盒子模型。
例如，根據頁面的特征，并通過$.support.boxModel屬性的返回值，顯示當前瀏覽器是否屬于標準的w3c盒子模型，如下圖所示：
在瀏覽器中顯示的效果：
從圖中可以看出，由于打開的頁面屬于標準的w3c盒子模型，因此，在調用$.support.boxModel屬性時，返回true值。
我來試試，親自調用$.support.boxModel屬性檢測頁面是否屬于標準盒子模型
在下列代碼的第19行，根據$.support.boxModel屬性的返回值，檢測當前頁面是否屬于標準的盒子模型。
$.support對象的一個屬性，因此，必須先獲取$.support對象，然后通過該對象調用boxModel屬性名進行檢測。因為在本示例中，主要檢測HTML標記，不能沒有，否則檢測就沒有什么意義。另外，$.support.boxModel檢測的是瀏覽器是否屬于w3c標準盒子模型，如果是則返回true?，F在沒有HTML，那么將返回false，所以顯示IE盒子。
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報