浏览器的盒子模型分为两类，一类为标准的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。现在没有HTML，那么将返回false，所以显示IE盒子。
请验证，完成请求
由于请求次数过多，请先验证，完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报