FF和IE之间7个JavaScript的差异[译]
作者:糖伴西红柿 来源:前端观察 时间:2009-05-04 18:19:00
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。
这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。
1. CSS “float” 属性
获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID 为 “header” 的 div 的 background-color 属性,我们要用如下语法:
document.getElementById("header").style.borderBottom= "1px solid #ccc";
但是由于 “float” 是 JavaScript 的保留词,我们就无法使用 object.style.float 来获取 “float” 属性了。一下是我们在两种浏览器中的使用的方法:
IE 语法:
document.getElementById("header").style.styleFloat = "left";
Firefox 语法:
document.getElementById("header").style.cssFloat = "left";
2. 元素的计算样式
通过使用上述的 object.style.property, JavaScript 可以很容易的获取和修改对象的设定 CSS 样式。但是这一语法的局限在于,它只能取得内联在 HTML 里的样式,或者直接使用 JavaScript 设定的样式。style 对象不能获取使用外部样式表设定的样式。为了获取对象的”计算样式”,我们使用以下代码:
IE 语法:
var myObject = document.getElementById("header");
var myStyle = myObject.currentStyle.backgroundColor;
Firefox 语法:
var myObject = document.getElementById("header");
var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);
var myStyle = myComputedStyle.backgroundColor;
3. 获取元素的”class”属性
类似于”float”属性的情况,这两种浏览器使用不同的 JavaScript 方法来获取这个属性。
IE 语法:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");
Firefox 语法:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");
标签:JavaScript,浏览器,ff,ie
0
投稿
猜你喜欢
Sql Server 和 Access 操作数据库结构Sql语句
2008-02-11 18:59:00
asp网上考试设计思路是怎样的?
2010-07-14 21:09:00
智能录入表格[适合BS模式项目的录入页面]
2008-03-09 19:02:00
自动清空站点目录下所有文件
2009-06-24 11:11:00
css布局自适应高度方法
2007-05-11 17:03:00
MYSQL教程:如何选择正确的数据列类型
2009-02-27 16:05:00
如何把数组转换成字符串?
2009-11-06 13:49:00
SQL 判断给定日期值(或时间段)所在星期的星期一和星期天的日期
2011-10-24 20:14:52
ASP中从数据库读取二进制文件数据代码
2010-04-24 15:44:00
MySQL列类型的选择与MySQL的查询效率
2009-01-14 12:53:00
asp中提示至少一个参数没有被指定值 解决方法
2013-06-01 20:14:00
如何过滤中国站长站(chianz)文章干扰码
2008-01-04 20:14:00
PHP文件运行步骤以及数据库的连接代码
2023-05-25 08:32:51
显示日期格式的几个函数
2008-09-03 13:20:00
教你制作1px边框表格的四种方法
2008-10-04 10:16:00
ASP和SQL结合处理时间应用
2008-06-09 15:15:00
用户体验的另一种认识
2007-10-25 12:36:00
SQL Server字符串切割函数
2012-08-21 10:18:43
asp GetString的用法
2008-06-12 13:46:00
JavaScript事件冒泡
2009-12-28 13:21:00