你的位置:首页 > Java教程

[Java教程]文档模式

两种类型

  【1】标准的显示方式——标准模式(正确声明doctype)
  【2】不标准的显示方式——怪异模式(没定义doctype或者doctype错误等等情况,都会让界面进入quirk模式)

 

属性访问  

  通过document.documentMode属性可以知道给定页面使用的是什么文档模式
  【1】CSS1Compat代表标准模式

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><body><script>alert(document.compatMode)//所有浏览器都输出CSS1Compat</script></body>  </html>

 

  【2】BackCompat代表怪异模式

<html lang="en"><head><meta charset="UTF-8"><title>Document</title><body><script>alert(document.compatMode)//所有浏览器都输出CSS1Compat</script></body>  </html>

 

IE文档模式

  强制浏览器以某种模式渲染页面,可使用HTTP头部信息X-UA-Compatible或通过等价的<meta>标签来设置

  <meta http-equiv="X-UA-Compatible" content="IE=IEVersion">

  可以通过document.documentMode属性知道页面使用的是什么文档模式(该属性是IE7-浏览器不支持)

  var mode = document.documentMode;

<!DOCTYPE HTML><html lang="en"><head><meta http-equiv="X-UA-Compatible" content="IE=7"><meta charset="UTF-8"><title>Document</title><body><script>var mode = document.documentMode;alert(mode)//7</script></body>  </html>