jQuery中使用了document和window哪些属性和方法小结

Posted 2023-03-15

参考技术A document.activeElement
获取文档当前获得焦点的元素
document.head
在jQuery中使用方式如下document.head || document.getElementsByTagName( "head" )[0] ，可见并非所有浏览器支持
document.body
获得当前文档的htmlBodyElement元素
document.compatMode
获取当前文档的渲染方式。返回值：BackCompat（怪癖模式）和CSS1Compat（标准模式）。
由于IE 8多达五种渲染模式，所以判断是否是怪癖模式需要借助于IE独有的document.documentMode进行额外检测
参见此文 http://www.poluoluo.com/article/21717.htm
document.readySate
返回文档的加载状态：uninitialized，loading，loaded，interactive，complete 所有浏览器均支持此属性（FF3.6以上支持）。
标准浏览器中，普通的HTML元素没有此属性（Opera的script标签除外）。
jQuery中的ready函数使用complete状态值来判断DOM树是否加载完成
document.documentElement
返回文档根元素（HTMLHtmlElement）
document.documentElement.currentStyle
IE独有方法，获取元素样式
document.documentElement.contains()
IE专用，用于判断文档是否包含指定节点元素
document.documentElement.compareDocumentPosition()
比较当前节点与指定节点的文档位置 IE9支持此方法
具体信息参见http://www.poluoluo.com/article/28281.htm
document.documentElement.doScroll()
IE独有方法，模拟用户滚动条点击；jQuery使用此方法在IE6中检测DOM树是否可用。
非IE可以使用obj.scrollTop+=10; 适用的元素有html、body、div、span、textarea等
详细信息参见http://msdn.microsoft.com/en-us/library/ms536414(VS.85).aspx
document.defaultView（DOMWindow）
返回当前文档相关联的window对象或者null，IE 9支持此属性
document.defaultView.getComputedStyle()
获得元素样式信息（非内联），返回样式表对象。W3C标准方法；IE对应的是currentStyle属性
window.frameElement
获取当前文档的宿主节点iframe元素
window.location
返回当前文档的URL信息
window.execScript()
execScript函数与eval的功能相同，不同的是eval函数执行后的脚本的作用域是当前执行上下文，而execScript则总是针对全局作用域。
IE中eval和window.eval功能相同，window.eval执行得脚本作用域也是当前执行上下文