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 相关文章推荐
Safari5中alert的无限循环BUG
Apr 07 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
Jan 20 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
微信小程序五星评分效果实现代码
Apr 06 Javascript
Angular2数据绑定详解
Apr 18 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
阿望教你用vue写扫雷小游戏
Jan 20 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 Javascript
详解React 元素渲染
Jul 07 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学习 字符串课件
2008/06/15 PHP
php页面,mysql数据库转utf-8乱码,utf-8编码问题总结
2015/08/27 PHP
详解Yaf框架PHPUnit集成测试方法
2017/12/27 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
PHP编程一定要改掉的5个不良习惯
2020/09/18 PHP
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
微信小程序 支付简单实例及注意事项
2017/01/06 Javascript
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
使用3D引擎threeJS实现星空粒子移动效果
2020/09/13 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
python 快速排序代码
2009/11/23 Python
举例详解Python中threading模块的几个常用方法
2015/06/18 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
2020/02/18 Python
python烟花效果的代码实例
2020/02/25 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
学术会议邀请函范文
2014/01/22 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
教师个人读书活动总结
2014/07/08 职场文书
学校开学标语
2014/10/06 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
68句权威创业名言
2019/08/26 职场文书
python flask框架快速入门
2021/05/14 Python
Python echarts实现数据可视化实例详解
2022/03/03 Python