document.compatMode属性

最新推荐文章于 2020-06-06 15:00:40 发布
最新推荐文章于 2020-06-06 15:00:40 发布
阅读量120 收藏
点赞数
文章标签： xhtml
原文链接：https://juejin.im/post/5ce4e8b45188252ddd74487d
版权

document.compatMode是用来判断当前浏览器采用的渲染方式。

有两个模式：

BackCompat：标准兼容模式关闭，当document.compatMode等于BackCompat时，浏览器客户区宽度为document.body.clientWidth;

CSS1Compat：标准兼容模式开启,当document.compatMode等于CSS1Compat时浏览器客户区宽度为document.documentElement.clientWidth;

html中声明了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">的为开启标准兼容模式，未声明的为关闭标准兼容模式

weixin_34403693
关注
document.compatMode的CSS1compat
shuoxi666的博客
06-04 326
文章目录document.compatMode前端面试题： document.compatMode document上有一个compatMode属性, “compatMode” , 中文是兼容模式的意思 document.compatMode BackCompat：标准兼容模式关闭。浏览器宽度:document.body.clientWidth CSS1Compat：标准兼容模式开启。 浏览器宽度:document.documentElement.clientWidth 前端面试题： 完成函数 getVie
javascript document.compatMode兼容性
10-29
JavaScript中的`document.compatMode`属性是用来检测浏览器当前的渲染模式，这对于处理跨浏览器的兼容性问题至关重要。在网页开发中，浏览器对HTML文档的解析方式有两种：Quirks Mode（怪异模式）和Standards Mode...
document.compatMode
weixin_30315723的博客
10-19 97
对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览...
document.compatMode的CSS1compat使用介绍
09-04
`document.compatMode` 是一个在JavaScript中用于检测浏览器渲染页面所使用的渲染模式的属性。这个属性可以帮助开发者了解浏览器是否按照W3C的标准（CSS1Compat）还是非标准（BackCompat，也称为Quirks Mode）来解析...
document.compatMode介绍
09-06
`document.compatMode` 是一个在JavaScript中用于检测网页渲染模式的属性，对于开发跨浏览器兼容性的Web应用至关重要。它的存在主要是因为不同的浏览器，尤其是Internet Explorer（IE），在处理页面布局和盒模型时...
这个什么意思function getViewportWidth() { if (window.innerWidth!=window.undefined) return window.innerWidth; if (document.compatMode=='CSS1Compat') return document.documentElement.clientWidth; if (document.body) return document.body.clientWidth; return window.undefined; }
最新发布
06-06
1. 首先判断浏览器是否支持 window.innerWidth 属性，如果支持则返回该属性值。 2. 如果不支持 window.innerWidth 属性，则判断当前文档是否处于标准模式（CSS1Compat），如果是则返回文档根元素（即元素）的 ...
关于 document.compatMode
u011927449的博客
06-06 164
今天查资料时无意发现一个以前没有注意到过的属性：document.compatMode 经过一番资料的查询后，了解到以下信息： 我们都知道IE有两种盒子模型，在不声明!DOCTYPE 时是混杂模式 (Quirks Mode)，在声明了!DOCTYPE 时与其他标准浏览器一致，是标准模式 (Standards Mode) document.compatMode 有两个属性值： BackCompat ----- 表示标准规范模式关闭，即当前为混杂模式(Quirks Mode)，此时浏览器客户区宽度为 d...
【转】js中的文档模式-document.compatMode
aidenliu的专栏
07-09 765
<br /><br />[转自]http://www.chinaz.com/Design/Pages/0Q4VU12009.html<br />今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。<br />IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一
compatMode
daoyuly的专栏
01-23 1245
      对于document.compatMode文档模式，我想很多朋友可能都和我一样很少接触。今天在ymPrompt中看到有这么一条语句 //根据html Doctype获取html根节点，以兼容非xhtml的页面    var rootEl = d.compatMode == CSS1Compat ? d.documentElement : db; //根元素仔细找了下相关
关于document.compatMode的一些介绍
weixin_33896069的博客
01-20 95
对于document.compatMode，很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document.compatMode的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助。 我们都知道，IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样...
用compatMode检查当前渲染模式
指点江山
04-21 183
对于document .compatMode ， 很多朋友可能都根我一样很少接触，知道他的存在却不清楚他的用途。今天在ext中看到 document .compatMode 的使用，感觉这个对于我们开发兼容性的web页面还是很有帮助，我们都知道，IE 对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值