JS文档模式

文档模式

IE5.5中的引入文档模式，可以使用doctype切换文档模式。文档模式更包含两种：标准模式和混杂模式。
1.文档模式：以一种先后兼容的方式显示，会让IE的行为与IE5相同,IE5包含非标准特性，以防止老站点无法工作。
2.标准模式：让IE具有兼容标准的行为，更接近于标准。

区别

两种模式的主要区别只体现在用CSS渲染的内容方面，但是对JavaScript也有一些关联影响，称为副作用。
一、盒模型（盒模型包括 content(内容)、padding(内边距)、border(边框)、margin(外边距)）

1. 混杂模式下的盒模型为IE的盒模型
   
   IE标准下的盒模型的宽高分别为：
   CSS中的宽（width）=内容（content）的宽+（border+padding）*2
   CSS中的高（height）=内容（content）的高+（border+padding）*2

2. 标准模式下的盒模型是W3C标准的盒模型
   
   在w3c标准中，盒模型的宽高分别为：
   CSS中的宽（width）=内容（content）的宽
   CSS中的高（height）=内容（content）的高

二、尺寸单位

• 在标准模式下，所有尺寸都必须包含单位，若不含单位的话，会被忽略。
• 在混杂模式下，可以把 style.width设置为"20"，相当于"20px"。