web知識瀏覽器篇之compatMode混雜模式和標準模式

一、介紹

瀏覽器解析文檔時會按document.compatMode屬性來渲染。
其值是個枚舉值，如下：
“BackCompat”：怪異模式，也稱混雜模式
“CSS1Compat”：標準模式或者準標準模式。
另外，準標準模式已和標準模式相同，兩者已被標準模式代替。

二、compatMode兼容性

具體兼容瀏覽器版本如下：

三、區別

IE對css樣式盒模型的渲染在 Standards Mode和Quirks Mode這兩者模式下有很大區別，當html沒有Doctype聲明時ie默認是Quirks Mode，標準的模式下不同瀏覽器渲染方式一樣，故從兼容性考慮需要對ie多不同處理。（親測ie6以上支持Standards Mode）
在獲取頁面或區域寬高，滾動條位置有很大區別，如下：

樣式	Standards Mode	Quirks Mode
height	document.documentElement.clientHeight	document.body.clientHeight;
width	document.documentElement.clientWidth	document.body.clientWidth
scrollWidth	document.documentElement.scrollWidth	document.body.scrollWidth
scrollHeight	document.documentElement.scrollHeight	document.body.scrollHeight
scrollLeft	document.documentElement.scrollLeft	document.body.scrollLeft
scrollTop	document.documentElement.scrollTop	document.body.scrollTop