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 相关文章推荐
jQuery学习5 jQuery事件模型
Feb 07 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
基于Three.js插件制作360度全景图
Nov 29 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
JS实现元素上下左右移动效果
Oct 18 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
vue实现购物车的小练习
Dec 21 Vue.js
从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 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php支付宝接口用法分析
2015/01/04 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
php模拟实现斗地主发牌
2020/04/22 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
Array栈方法和队列方法的特点说明
2014/01/24 Javascript
javascript类型转换示例
2014/04/29 Javascript
通过url查找a元素应用案例
2014/04/29 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
浅析javascript 定时器
2014/12/23 Javascript
jQuery中的jQuery()方法用法分析
2014/12/27 Javascript
require.js的用法详解
2015/10/20 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
Bootstrap中的fileinput 多图片上传及编辑功能
2016/09/05 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
AngularJS页面传参的5种方式
2017/04/01 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
2017/04/20 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
javascript实现下拉菜单效果
2021/02/09 Javascript
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法
2019/06/21 Python
python range实例用法分享
2020/02/06 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
Chicco婴儿用品美国官网:汽车座椅、婴儿推车、高脚椅等
2018/11/05 全球购物
中秋节礼品促销方案
2014/02/02 职场文书
生物制药专业求职信
2014/03/11 职场文书
找工作求职信
2014/07/07 职场文书
运动会通讯稿100字
2015/07/20 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
python开发人人对战的五子棋小游戏
2022/05/02 Python