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

时间:2020-11-10 12:07:09 jQuery Mobile 我要投稿

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

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

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

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

  参见此文 /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支持此方法

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