`

javascript compatMode

 
阅读更多


 
    document.compatMode:有两种可能的返回值:BackCompatCSS1Compat,对其解释如下: 
BackCompat: Standards-compliant mode is not switched on. (Quirks Mode) 
CSS1Compat: Standards-compliant mode is switched on. (Standards Mode) 

//判断是否是ie

   isIE=document.all && !window.opera;
   var iebody = document.compatMode && document.compatMode != 'BackCompat' 

? document.documentElement : document.body;


当文档有了标准声明时, document.compatMode 的值就等于 "CSS1compat", 因此, 我们可以根据 document.compatMode 的值来判断文档是否加了标准声明 
var height = document.compatMode=="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight; 
分享到:
评论

相关推荐

    javascript document.compatMode兼容性

    JavaScript中的`document.compatMode`属性是用来检测浏览器当前的渲染模式,这对于处理跨浏览器的兼容性问题至关重要。在网页开发中,浏览器对HTML文档的解析方式有两种:Quirks Mode(怪异模式)和Standards Mode...

    document.compatMode介绍

    `document.compatMode` 是一个在JavaScript中用于检测网页渲染模式的属性,对于开发跨浏览器兼容性的Web应用至关重要。它的存在主要是因为不同的浏览器,尤其是Internet Explorer(IE),在处理页面布局和盒模型时...

    【JavaScript源代码】JavaScript获取网页的宽高及如何兼容详解.docx

    JavaScript 是一种广泛应用于网页开发的脚本语言,它允许开发者在浏览器端动态地操作网页内容。在实际开发中,有时我们需要获取网页的宽度和高度,以便进行布局调整、响应式设计或其他交互效果。本文将详细介绍如何...

    【JavaScript源代码】JavaScript实现楼层效果.docx

    } else if (document.compatMode === "BackCompat") { width = document.body.clientWidth; height = document.body.clientHeight; } else { width = document.documentElement.clientWidth; height = ...

    document.compatMode的CSS1compat使用介绍

    `document.compatMode` 是一个在JavaScript中用于检测浏览器渲染页面所使用的渲染模式的属性。这个属性可以帮助开发者了解浏览器是否按照W3C的标准(CSS1Compat)还是非标准(BackCompat,也称为Quirks Mode)来解析...

    javascript弹出带文字信息的提示框效果_.docx

    var iebody = (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body; pagex = (isapple == 1 ? 0 : (ie5 ? iebody.scrollLeft : window.pageXOffset)); ...

    【JavaScript源代码】JavaScript实现跟随广告的示例代码.docx

    } else if (document.compatMode === "BackCompat") { width = document.body.clientWidth; height = document.body.clientHeight; } else { width = document.documentElement.clientWidth; height = ...

    baidu js ,百度 javascript ,即时查询 js

    var E = (document.compatMode == "BackCompat"); ``` #### DOM元素操作函数 1. **获取元素**:通过ID获取DOM元素。 ```javascript function Q(C) { return document.getElementById(C); } ``` 2. **创建...

    【JavaScript源代码】JavaScript实现返回顶部按钮.docx

    } else if (document.compatMode === "BackCompat") { x = document.body.scrollLeft; y = document.body.scrollTop; } else { x = document.documentElement.scrollLeft; y = document.documentElement....

    javascriptDom节点API个人总结.docx

    - **`document.compatMode`** 返回浏览器解析文档时所采用的模式。可能的值包括 `"BackCompat"` 和 `"CSS1Compat"`。 - **`document.cookie`** 提供对 Cookie 的读写操作。用于管理浏览器端的简单数据存储。 #...

    js浮动广告实现

    然而,要使浮动广告在不同浏览器和设备上稳定运行,需要掌握一定的JavaScript技巧,特别是处理滚动事件时,确保广告能够随用户的滚动而移动,同时又不会干扰到用户的正常浏览体验。 #### 核心概念:ScrollTop属性 ...

    用Javascript 获取页面元素的位置的代码

    在JavaScript中,获取页面元素的位置是一项关键技能,这对于布局调整、动态效果以及用户交互的实现至关重要。本教程将深入探讨如何使用JavaScript获取网页元素的绝对大小和相对大小,并提供相关代码示例。 首先,...

    前端工程师笔试面试题

    9. 浏览器兼容性:浏览器的兼容性是一个重要的问题,需要考虑不同浏览器的差异,例如使用 `document.compatMode` 来判断浏览器的兼容性模式。 本文档涵盖了前端工程师笔试面试题的多个技术领域,包括 HTML、CSS、...

    取得窗口大小 兼容所有浏览器的js代码.docx

    在JavaScript中,获取浏览器窗口的大小是一个常见的需求,这通常涉及到网页的响应式设计或动态布局。`window.innerWidth`和`window.innerHeight`是JavaScript提供的两个内置属性,它们分别用于获取浏览器视口的宽度...

    JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

    在JavaScript编程中,兼容性问题始终是一个挑战,尤其是在处理不同浏览器之间的差异时。本文将针对JavaScript在Chrome、Internet Explorer(IE)和Firefox这三种主流浏览器中的常见兼容问题及其解决方法进行详细阐述...

    javascript跟随滚动条滚动的层(浮动AD效果)

    ### JavaScript跟随滚动条滚动的层(浮动AD效果) 在现代网页设计中,为了提升用户体验以及增加广告的有效展示,经常会看到一些广告或者提示信息随着页面滚动而动态调整位置的效果。这种技术通常被称为“跟随滚动条...

    js实现iframe自适应高度

    6. **兼容性考虑**:不同的浏览器可能会有一些差异,比如IE浏览器可能需要使用`document.compatMode`来判断是否需要使用`documentElement`。同时,对于跨域的`iframe`,由于同源策略的限制,可能无法访问`...

    Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF

    - ***patMode判断**:文档的`compatMode`属性用于检测浏览器是否处于标准模式或怪异模式。在本例中,通过`document.documentElement.className="hScroll";`来设置页面的滚动行为。在不兼容的浏览器中,这段代码可能...

    浅谈JavaScript的innerWidth与innerHeight

    这些属性在IE的Quirks Mode和Standards Mode下会有不同的行为,因此需要根据`document.compatMode`来选择合适的属性。 总结来说,`innerWidth`和`innerHeight`是JavaScript中用于获取浏览器窗口可视区域尺寸的重要...

Global site tag (gtag.js) - Google Analytics