浏览器模式compatMode

发表于 | 更新于 | 阅读次数 1
浏览器模式documentcompatMode

浏览器有两种模式

  • 标准（严格）模式
    html开头设置<!DOCTYPE html>
  • 怪异（混杂）模式
    html开头无DOCTYPE或<!DOCTYPE>

如何判断浏览器当前的模式

document.compatMode 可判断模式类型：

  • 值为 CSS1Compat：标准模式
  • 值为 BackCompat：怪异模式

不同模式下，js的方法有可能不同，如：

  • 标准模式：
    浏览器可视宽度：document.documentElement.clientWidth
    浏览器可视高度：document.documentElement.clientHeight
  • 怪异模式：
    浏览器可视宽度：document.body.clientWidth
    浏览器可视高度：document.body.clientHeight