document.compatMode介绍

document.compatMode 检查当前的文档渲染模式

返回值：BackCompat和CSS1Compat；

IE对两种模式渲染差别很大；

BackCompat： Standards-compliant mode is not switched on. (Quirks Mode) //默认模式

CSS1Compat： Standards-compliant mode is switched on. (Standards Mode) //标准模式

例子：

alert(document.body.clientWidth + '-' + document.documentElement.clientWidth + '-' + document.compatMode);

document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度（Quirks Mode不兼容）
document.documentElement.clientHeight ==> 可见区域高度（Quirks Mode不兼容）

IE标准模式下 clientWidth 和 scrollWidth值相同；

转载于:https://www.cnblogs.com/kk073000/archive/2013/01/04/2844391.html

document.compatMode介绍相关推荐

document.compatMode属性
document.compatMode用来判断当前浏览器采用的渲染方式. document.compatMode属性值: BackCompat:标准兼容模式关闭. CSS1Compat:标准兼容模式开 ...
关于js里的document.compatmode
document.compatmode为获取页面的渲染模式. 其中有两个渲染模式 1.CSS1Compat(标准模式).浏览器宽度:document.documentElement.clientHei ...
document.compatMode的CSS1compat
document.compatMode BackCompat:标准兼容模式关闭.浏览器宽度:document.body.clientWidth: CSS1Compat:标准兼容模式开启. 浏览器宽度: ...
document.compatMode
今天看到了document.compatMode属性,平时对文档模式不是很了解,于是test了这个属性. document.compatMode的值有两种,分别为"BackCompat&qu ...
容器高度或者宽度的获取方式
为了使表格或者一些数据能能够自适应浏览器的宽度或者高度,就不可避免的要获取浏览器的尺寸电脑屏幕尺寸的获取方式 window.screen.height //获取电脑屏幕分辨率的高度 window.s ...
一、HTML基础介绍
文章目录 HTML介绍一.前端概述二.HTML的学习 1.HTML是什么? 1.1 html文档树形结构图: 2.什么是标签 3.标签的==属性== 4. `<!DOCTYPE html&g ...
HTML 介绍及标签
HTML htyper text markup language 即超文本标记语言超文本: 就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 标记语言: 标记(标签)构成的语言. 标签 ...
DHTML之-----document.selection 的 createRange
一.document.selection 介绍 document.selection 表示当前网页中的选中内容. 方法有: clear 清除选中的内容 empty 取消选中 createRange 返 ...
【javascript】DOM操作方法（3）——document节点属性
document.doctype //document.documentElement //来获取html元素 document.defaultView //返回document对象所在的window ...

document.compatMode介绍

document.compatMode介绍相关推荐

最新文章

热门文章