js文档模式之混杂模式与标准模式

为什么会存在这两种文档模式呢？

答案是：当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容，所以他们创建了两种表现模式：标准模式和混杂模式。

1、文档模式是IE5.5引入的概念，这个概念是通过使用文档doctype实现的。

（1）混杂模式：以一种先后兼容的方式显示，会让IE的行为与IE5相同,IE5包含非标准特性，以防止老站点无法工作。

（2）标准模式：让IE的行为更接近标准行为，IE6及以上都支持标准模式。

问题：如何判别文档使用的是那种文档模式呢？

答案：如果DOCTYPE作为页面上的第一个元素进行声明，那么为标准模式，其他情况均为混杂模式。

注意——目前常用的是<!DOCTYPE html>，这个元素不仅具有上述功能，还有另外一个功能就是声明文档使用哪种DTD(文档类型)。DTD：定义了XML或（X）HTML的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采用相应的措施。

2、如何判断文档处于混杂模式还是标准模式？

（1）方式1：

if(document.compatMode == "CSS1Compat") {

console.log("标准模式");

}else {

console.log("混杂模式");

}

（2）方式2：

console.log(document.documentMode);

//返回使用文档模式的版本号（在IE9中，可能返回5,7,8,9）

扩展：
混杂模式和标准模式共有四种形式，分别是：

IE5:以混杂模式渲染页面（IE5的默认模式就是混杂模式）。IE8及更高版本中的新功能都无法使用。

IE7：以IE7标准模式渲染页面。IE8及更高版本中的新功能都无法使用。

IE8：以IE8标准模式渲染页面。IE8中的新功能都可以使用，因此可以使用Selector API、更多CSS2级选择符和某些CSS3功能，还有一些HTML5功能。不过IE9中的新功能无法使用。

IE9：以IE9标准模式渲染页面。IE9中的新功能都能使用，比如ECMAScript5、完整的CSS3以及更多HTML5功能。这个文档模式是最高级的模式。

js文档模式之混杂模式与标准模式相关推荐

Node.js 文档（目录）
Node.js 文档 Node.js®是基于Chrome的V8 JavaScript引擎构建的JavaScript运行时. 提供以下几种类型的文档: API参考文档 ES6功能指南 API参考文档 ...
Word文档如何设置成不可编辑的模式？
把Word文档设置成"不可编辑模式",也就是"限制编辑",可以防止意外更改文档内容:对于只想给他人读阅,禁止复制和更改的情况,也能起到一定的保护作用. Word ...
文档管理软件将办公室的业务模式转变为无纸化远程业务模式，提高员工生产力和保留率
DocuWare 文档管理软件成功案例分享公司:Advantage Credit, Inc. 国家:美国行业:金融部门:财务部门 .人力资源部门 .质量合规管理部门部署方式:云成效:信用报告 ...
simple-uploader.js 文档
simple-uploader.js(也称 Uploader) 是一个上传库,支持多并发上传,文件夹.拖拽.可暂停继续.秒传.分块上传.出错自动重传.手工重传.进度.剩余时间.上传速度等特性:该上传库 ...
babylon.js文档笔记
babylon 一基本使用引入 <script src="https://preview.babylonjs.com/babylon.js"></script ...
JSDoc入门使用指南 -- 手摸手教你用JSDoc（超好用的js文档生成工具）
安装准备 Node.js 8.15.0+ 通过npm安装全局安装:npm install -g jsdoc 若出现权限问题,如 EACCES报错,最佳实践为用node版本管理器(nvm等)重装np ...
pusher之JS文档阅读
特点介绍文档 https://pusher.com/features Flexible Pub/Sub Messaging 灵活的发布和订阅消息即时更新浏览器,手机和物联网设备,简单的事件API L ...
基于draft.js 和 braft-editor.js文档，自己总结的内容
我还没有整理,但是应该能帮助到你 * 包含一些文章 * 包含自己的总结 * 包含一些自己的实例,自定义块,自定义行内,删除元素等分割线 1.一篇文档足矣(无数个文章综合体) https://www. ...
python文档字符串格式_Python字符串及文本模式方法详解
一.你想在字符串中搜索和匹配指定的文本模式遗漏点:re模块其实也是帮助我们进行字符串处理的重要工具,我之前总是想着用内建的函数来处理,其实如果是复杂的文本和数据结构,re模块能帮助我们处理很多信息. ...
利用计算机本地文档重装系统,电脑如何用本地模式重装win10
电脑如何用本地模式重装win10系统?很多人都不了解本地模式究竟如何对电脑系统进行重装.其实只是利用韩博士装机大师中的本地模式进行下载PE镜像文件就可以对电脑进行重装系统.如果大家还没有试过用本地模式 ...

js文档模式之混杂模式与标准模式

js文档模式之混杂模式与标准模式相关推荐

最新文章

热门文章