IE和Firefox在JavaScript语法上不同的7个方面

2016-02-20 00:42 7 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

尽管 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属性

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

类似于float属性的情况,这两种浏览器使用不同的 JavaScript 方法来获取这个属性。

IE 语法:

var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

Firefox 语法:

var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");

来源:http://www.tulaoshi.com/n/20160220/1632410.html

延伸阅读
标签: Web开发
一、document.formName.item("itemName") 问题 问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"];Firefox 下,只能使用document.formName.elements["elementName"]。 解决方法:统一使用document.formName.elements["elementName"]。 二、集合类对象问题 问题说明:IE下...
标签: Web开发
Css 当中有许多的东西不不按照某些规律来的话,会让你很心烦,虽然你可以通过很多的hack,很多的!important 来控制它,但是你会发现长此以往你会很不甘心,看看许多优秀的网站,他们的CSS让IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕?而他们看似复杂的模版下面使用的Hack 少得可怜。其实你要知道IE 和 Firefox 并不不是那...
标签: Web开发
基本HTML代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml" headtitleDiv Float Sample/titlestyle type="text/css"div { margin:3px; }.d1 { width:250px; min-height:...
标签: Web开发
以下以 IE 代替 Internet Explorer,以 MF 代替 Mozzila FF 1. document.form.item 问题 现有问题 : 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 MF 下运行 解决方法 : 改用 document.formName.elements["elementName"] 其它 参见 2 2. 集合类对象问题 现有问题 : 现...
标签: Web开发
Code:用JavaScript限制textarea输入长度 (For: IE、Firefox ...) body {font-size:14px;} maxlength=10 maxlength=20 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

834

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部