document.compatMode用法简单介绍

本章节介绍一下document.compatMode相关用法，希望能够给需要的朋友带来一定的帮助。

此属性可能不少朋友并没有见过，当然现在也比较少用，因为当前标准浏览器已经逐步统一天下，代码也越来越标准，所以它的用武之地越来越少，废话少说，下面进入正题。

大家知道，渲染模式有怪异模式和标准模式两种，在两种模式下，盒模型的解读会有很大的不同。document.compatMode属性能够返回当前页面的渲染模式。怪异模式和标准模式如下:

（1）.BackCompat:Standards-compliant mode is not switched on. (Quirks Mode) ，怪异模式。

（2）.CSS1Compat Standards-compliant mode is switched on. (Standards Mode) ，标准模式。

所谓的怪异模式就是没有页面的DOCTYPE声明，标准模式具有DOCTYPE声明。

在怪异模式下，document.compatMode返回值是BackCompat,标准模式下返回值是CSS1Compat。

下面分享一个比较常见的应用，代码如下:

var height = document.compatMode=="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;

上面的代码就是获取浏览器客户区的高度。在标准模式下使用document.documentElement.clientHeight，在怪异模式下使用document.body.clientHeight。