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 相关文章推荐
用js实现手把手教你月入万刀(转贴)
Nov 07 Javascript
jQuery的初始化与对象构建之浅析
Apr 12 Javascript
js实现YouKu的漂亮搜索框效果
Aug 19 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
深入理解javascript函数参数与闭包
Dec 12 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
Feb 27 Javascript
React学习笔记之条件渲染(一)
Jul 02 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
Jul 31 Javascript
element el-input directive数字进行控制
Oct 11 Javascript
VUE+Element实现增删改查的示例源码
Nov 23 Vue.js
js获取图片的base64编码并压缩
Dec 05 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 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代码DOS造成用光网络带宽
2011/03/01 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
学习javascript,实现插入排序实现代码
2011/07/31 Javascript
文本框根据输入内容自适应高度的代码
2011/10/24 Javascript
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!
2012/01/15 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
2015/09/09 Javascript
详解JavaScript时间格式化
2015/12/23 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
2018/09/18 Javascript
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
Python和php通信乱码问题解决方法
2014/04/15 Python
Python求导数的方法
2015/05/09 Python
python urllib爬取百度云连接的实例代码
2017/06/19 Python
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
Django框架之登录后自定义跳转页面的实现方法
2019/07/18 Python
python turtle 绘制太极图的实例
2019/12/18 Python
Python通过TensorFLow进行线性模型训练原理与实现方法详解
2020/01/15 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
python实现马丁策略的实例详解
2021/01/15 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
简单的JAVA编程面试题
2013/03/19 面试题
房地产出纳岗位职责
2013/12/01 职场文书
生态养殖创业计划书
2014/05/06 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
学习心得体会
2019/06/20 职场文书
SpringBoot2零基础到精通之异常处理与web原生组件注入
2022/03/22 Java/Android
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL