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 相关文章推荐
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
javascript写的一个模拟阅读小说的程序
Apr 04 Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 Javascript
动态加载JavaScript文件的两种方法
Apr 22 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
vue实现密码显示隐藏切换功能
Feb 23 Javascript
vue结合axios与后端进行ajax交互的方法
Jul 06 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
解决webpack多页面内存溢出的方法示例
Oct 08 Javascript
js实现轮播图效果 纯js实现图片自动切换
Aug 09 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
消息持续发送的完整例子
2006/10/09 PHP
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
php读取csv文件后,uft8 bom导致在页面上显示出现问题的解决方法
2013/08/10 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
javascript代码编写需要注意的7个小细节小结
2011/09/21 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
2016/01/26 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
[53:36]Liquid vs VP Supermajor决赛 BO 第三场 6.10
2018/07/05 DOTA
python使用xmlrpc实例讲解
2013/12/17 Python
Python绘制3D图形
2018/05/03 Python
python 字符串和整数的转换方法
2018/06/25 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
pycharm 取消默认的右击运行unittest的方法
2018/11/29 Python
Django框架中间件(Middleware)用法实例分析
2019/05/24 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
日本航空官方网站:JAL
2019/06/19 全球购物
酒店经理职责
2014/01/30 职场文书
建筑工地宣传标语
2014/06/18 职场文书
五四青年节的活动方案
2014/08/20 职场文书
2015国庆节宣传语
2015/07/14 职场文书
教导处教学工作总结
2015/08/12 职场文书
爱护公物主题班会
2015/08/17 职场文书
用python删除文件夹中的重复图片(图片去重)
2021/05/12 Python
FFmpeg视频处理入门教程(新手必看)
2022/01/22 杂记
Linux安装Docker详细教程
2022/07/07 Servers