JavaScript--window与document的getComputedStyle()方法的区别
2016-01-27 21:11
666 查看
我们都知道,DOM2级的 document.defaulyView.getComputedStyle(Div,null) 方法可以获得元素计算后的样式,但该方法与直接用 window.getComputedStyle(Div,null) 的区别是什么呢?
我在做学习的过程中发现,这两种使用方法对 W3C 的浏览器没有任何影响,虽然 IE 浏览器不支持该方法,但是,当我在js文件中使用下面的程序:
if (typeof document.defaultView.getComputedStyle != "undefined") {
computedStyle=document.defaultView.getComputedStyle(elements,null);
return computedStyle[attr];
} else if (typeof elements.currentStyle != "undefined") {
return elements.currentStyle[attr];
}
当使用不频繁时,低版本的 IE 浏览器会报错,但不影响程序的执行效果;但当频繁使用到该程序时,低、高版本的 IE 都会报错,且不能正常工作。
现在还是没有搞清楚原因,留待后续解决!
而使用 window..getComputedStyle() 就不会出现上面的问题。
我在做学习的过程中发现,这两种使用方法对 W3C 的浏览器没有任何影响,虽然 IE 浏览器不支持该方法,但是,当我在js文件中使用下面的程序:
if (typeof document.defaultView.getComputedStyle != "undefined") {
computedStyle=document.defaultView.getComputedStyle(elements,null);
return computedStyle[attr];
} else if (typeof elements.currentStyle != "undefined") {
return elements.currentStyle[attr];
}
当使用不频繁时,低版本的 IE 浏览器会报错,但不影响程序的执行效果;但当频繁使用到该程序时,低、高版本的 IE 都会报错,且不能正常工作。
现在还是没有搞清楚原因,留待后续解决!
而使用 window..getComputedStyle() 就不会出现上面的问题。
相关文章推荐
- JS arguments对象
- 新手学JavaScript(四)----CheckBox全选与全不选
- js中(function(){…})()立即执行函数写法理解
- JSON
- JSP取得绝对路径
- 韩顺平 javascript教学视频_学习笔记21_js内部类_js系统函数 重点重点
- JS中NaN值,Infinity属性与isNaN()函数
- [Javascript] The JSON.stringify API
- 【Web前端】:JavaScript操作Cookie实现“历史搜索”
- moment.js 添加中文语言(汉化)
- 一篇给迷茫者看的JavaScript 引擎指南
- JS判断字符串变量是否含有某个字串的方法
- js模板引擎
- js获取客户时间倒计时,js获取服务器端时间倒计时
- 关于JS变量提升的一些坑
- Gson和Fastjson的使用
- 前端--关于javascript对象
- js定义函数的三种方法
- js调用函数的方法
- berserkJS(大名:狂暴JS / 昵称:疯子JS)