- 浏览: 51410 次
- 性别:
- 来自: 株洲
文章分类
最新评论
document.compatMode:有两种可能的返回值:BackCompat和CSS1Compat,对其解释如下:
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;
发表评论
-
javascirpt对象创建
2015-08-26 21:21 504javascript中的面向对象 理解js中的对象 最 ... -
react的学习总结
2015-06-10 11:51 1959React介绍(具体总结请参考附件chm,本文的chm版 ... -
抽取jquery源码实现获取元素的精确位置
2014-10-18 11:32 413获取元素准确位置的写法 知识点预备:getBounding ... -
jquery实现弹窗居中的简单效果
2014-10-18 09:24 968<!DOCTYPE html PUBLIC &quo ... -
javascript 基础知识零散汇总
2014-09-29 15:09 3741:数据类型判断 基础类型判断 Object.prot ... -
jquery jsonp参数编码问题不一致问题的解决方案
2014-09-27 23:06 6767<!doctype html> <ht ... -
javascript源对象于对象引用之前不得不说的事情
2014-09-13 17:05 374var source = {"a":3 ... -
sEMMET插件的最全快捷方式【来自Dash文档中心】
2014-09-11 10:44 555s -
仿淘宝放大镜效果
2014-09-11 00:31 428/* *知识点预备 clientX,clientY ... -
js--简单放大镜实现(带移动方块)
2014-09-11 00:22 735/* *知识点预备 clientX,clientY ... -
js+css自定义滚动条(包含滚动事件处理)
2014-08-31 12:11 560<!DOCTYPE html> <htm ... -
div+css(javascript)自定义滚动条
2014-08-31 10:07 319<!DOCTYPE html> <ht ... -
javascript--闭包彻底弄清楚
2014-08-27 10:09 376<!DOCTYPE html> ... -
JavaScript 闭包再探讨
2014-08-27 10:03 0<!DOCTYPE html> <htm ... -
JavaScript 闭包再探讨
2014-08-27 10:03 402<!DOCTYPE html> <htm ... -
javascript位置相关(一)---offset等测试
2014-08-17 21:19 479元素的offsetParent属性 : 只读 属性 离当前 ... -
javascript位置相关(二)--getBoundingClientRect
2014-08-17 21:17 600http://msdn.microsoft.com/en- ... -
setTimeout 使用
2014-08-17 18:22 410开门见山:众所周知,setTimeout ... -
setTimeout 0 使用
2014-08-17 18:03 430经常看到setTimeout延 ... -
前端知识点分享3--DOM操作
2014-07-28 22:27 524首先先要知道我们必须 ...
相关推荐
JavaScript中的`document.compatMode`属性是用来检测浏览器当前的渲染模式,这对于处理跨浏览器的兼容性问题至关重要。在网页开发中,浏览器对HTML文档的解析方式有两种:Quirks Mode(怪异模式)和Standards Mode...
`document.compatMode` 是一个在JavaScript中用于检测网页渲染模式的属性,对于开发跨浏览器兼容性的Web应用至关重要。它的存在主要是因为不同的浏览器,尤其是Internet Explorer(IE),在处理页面布局和盒模型时...
JavaScript 是一种广泛应用于网页开发的脚本语言,它允许开发者在浏览器端动态地操作网页内容。在实际开发中,有时我们需要获取网页的宽度和高度,以便进行布局调整、响应式设计或其他交互效果。本文将详细介绍如何...
} else if (document.compatMode === "BackCompat") { width = document.body.clientWidth; height = document.body.clientHeight; } else { width = document.documentElement.clientWidth; height = ...
`document.compatMode` 是一个在JavaScript中用于检测浏览器渲染页面所使用的渲染模式的属性。这个属性可以帮助开发者了解浏览器是否按照W3C的标准(CSS1Compat)还是非标准(BackCompat,也称为Quirks Mode)来解析...
var iebody = (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body; pagex = (isapple == 1 ? 0 : (ie5 ? iebody.scrollLeft : window.pageXOffset)); ...
} else if (document.compatMode === "BackCompat") { width = document.body.clientWidth; height = document.body.clientHeight; } else { width = document.documentElement.clientWidth; height = ...
var E = (document.compatMode == "BackCompat"); ``` #### DOM元素操作函数 1. **获取元素**:通过ID获取DOM元素。 ```javascript function Q(C) { return document.getElementById(C); } ``` 2. **创建...
} else if (document.compatMode === "BackCompat") { x = document.body.scrollLeft; y = document.body.scrollTop; } else { x = document.documentElement.scrollLeft; y = document.documentElement....
- **`document.compatMode`** 返回浏览器解析文档时所采用的模式。可能的值包括 `"BackCompat"` 和 `"CSS1Compat"`。 - **`document.cookie`** 提供对 Cookie 的读写操作。用于管理浏览器端的简单数据存储。 #...
然而,要使浮动广告在不同浏览器和设备上稳定运行,需要掌握一定的JavaScript技巧,特别是处理滚动事件时,确保广告能够随用户的滚动而移动,同时又不会干扰到用户的正常浏览体验。 #### 核心概念:ScrollTop属性 ...
在JavaScript中,获取页面元素的位置是一项关键技能,这对于布局调整、动态效果以及用户交互的实现至关重要。本教程将深入探讨如何使用JavaScript获取网页元素的绝对大小和相对大小,并提供相关代码示例。 首先,...
9. 浏览器兼容性:浏览器的兼容性是一个重要的问题,需要考虑不同浏览器的差异,例如使用 `document.compatMode` 来判断浏览器的兼容性模式。 本文档涵盖了前端工程师笔试面试题的多个技术领域,包括 HTML、CSS、...
在JavaScript中,获取浏览器窗口的大小是一个常见的需求,这通常涉及到网页的响应式设计或动态布局。`window.innerWidth`和`window.innerHeight`是JavaScript提供的两个内置属性,它们分别用于获取浏览器视口的宽度...
在JavaScript编程中,兼容性问题始终是一个挑战,尤其是在处理不同浏览器之间的差异时。本文将针对JavaScript在Chrome、Internet Explorer(IE)和Firefox这三种主流浏览器中的常见兼容问题及其解决方法进行详细阐述...
### JavaScript跟随滚动条滚动的层(浮动AD效果) 在现代网页设计中,为了提升用户体验以及增加广告的有效展示,经常会看到一些广告或者提示信息随着页面滚动而动态调整位置的效果。这种技术通常被称为“跟随滚动条...
6. **兼容性考虑**:不同的浏览器可能会有一些差异,比如IE浏览器可能需要使用`document.compatMode`来判断是否需要使用`documentElement`。同时,对于跨域的`iframe`,由于同源策略的限制,可能无法访问`...
- ***patMode判断**:文档的`compatMode`属性用于检测浏览器是否处于标准模式或怪异模式。在本例中,通过`document.documentElement.className="hScroll";`来设置页面的滚动行为。在不兼容的浏览器中,这段代码可能...
这些属性在IE的Quirks Mode和Standards Mode下会有不同的行为,因此需要根据`document.compatMode`来选择合适的属性。 总结来说,`innerWidth`和`innerHeight`是JavaScript中用于获取浏览器窗口可视区域尺寸的重要...