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


Posted in Javascript onSeptember 13, 2011

document.activeElement

获取文档当前获得焦点的元素

document.head

在jQuery中使用方式如下document.head || document.getElementsByTagName( "head" )[0] ,可见并非所有浏览器支持

document.body

获得当前文档的HTMLBodyElement元素

document.compatMode

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

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

参见此文 https://3water.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支持此方法

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

Javascript 相关文章推荐
Javascript 学习书 推荐
Jun 13 Javascript
js控制table合并具体实现
Feb 20 Javascript
js创建对象的区别示例介绍
Jul 24 Javascript
JavaScript事件委托用法分析
Jan 24 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
Feb 23 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
element上传组件循环引用及简单时间倒计时的实现
Oct 01 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
vue中的使用token的方法示例
Mar 10 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 #Javascript
各情景下元素宽高的获取实现代码
Sep 13 #Javascript
JS字符串函数扩展代码
Sep 13 #Javascript
Javascript学习笔记 delete运算符
Sep 13 #Javascript
Webkit的跨域安全问题说明
Sep 13 #Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 #Javascript
容易被忽略的JS脚本特性
Sep 13 #Javascript
You might like
PHP的中问验证码
2006/11/25 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
PHP模块化安装教程
2016/06/01 PHP
PHP 布尔值的自增与自减的实现方法
2018/05/03 PHP
js读取本地excel文档数据的代码
2010/11/11 Javascript
Jquery同辈元素选中/未选中效果的实例代码
2013/08/01 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
图片上传插件jquery.uploadify详解
2013/11/15 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
Vue.js如何实现路由懒加载浅析
2017/08/14 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
小程序实现分类页
2019/07/12 Javascript
[01:29]2017 DOTA2国际邀请赛官方英雄手办展示
2017/03/18 DOTA
Python下的twisted框架入门指引
2015/04/15 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
python opencv 图像尺寸变换方法
2018/04/02 Python
python 解压pkl文件的方法
2018/10/25 Python
Python二维数组实现求出3*3矩阵对角线元素的和示例
2019/11/29 Python
python隐藏类中属性的3种实现方法
2019/12/19 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
师范生自荐信范文
2013/10/06 职场文书
个人应聘自我评价分享
2013/11/18 职场文书
公关关系专员的自我评价分享
2013/11/20 职场文书
培训自我鉴定
2014/01/31 职场文书
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
鼋头渚导游词
2015/02/05 职场文书
商标侵权律师函
2015/05/27 职场文书
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS