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

2020-05-23 06:17:19易采站长站整理

document.activeElement获取文档当前获得焦点的元素
document.head在jQuery中使用方式如下document.head || document.getElementsByTagName( “head” )[0] ,可见并非所有浏览器支持
document.body获得当前文档的HTMLBodyElement元素
document.compatMode

获取当前文档的渲染方式。返回值:BackCompat(怪癖模式)和CSS1Compat(标准模式)。


由于IE 8多达五种渲染模式,所以判断是否是怪癖模式需要借助于IE独有的document.documentMode进行额外检测


参见此文 //www.jb51.net/article/21717.htm 


document.readySate

返回文档的加载状态:uninitialized,loading,loaded,interactive,complete 所有浏览器均支持此属性(FF3.6以上支持)。


标准浏览器中,普通的HTML元素没有此属性(Opera的script标签除外)。


jQuery中的ready函数使用complete状态值来判断DOM树是否加载完成


document.documentElement返回文档根元素(HTMLHtmlElement)
document.documentElement.currentStyleIE独有方法,获取元素样式
document.documentElement.contains()IE专用,用于判断文档是否包含指定节点元素
document.documentElement.compareDocumentPosition()

比较当前节点与指定节点的文档位置 IE9支持此方法


具体信息参见//www.jb51.net/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执行得脚本作用域也是当前执行上下文。