首页 web前端 js教程 IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧

IE与Firefox在JavaScript上的7个不同写法小结_javascript技巧

May 16, 2016 pm 06:46 PM
firefox ie

在这篇文章中,作者介绍了7个在IE和Firefox中不同的JavaScript句法。
1. CSS "float" 值

访问一个给定CSS 值的最基本句法是:
object.style.property
,使用驼峰写法来替换有连接符的值,例如,访问某个ID为"header"的

的background-color
值,我们使用如下句法:
document.getElementById("header").style.backgroundColor= "#ccc";
但由于"float"这个词是一个JavaScript保留字,因此我们不能用
object.style.float
来访问,这里,我们可以在两种浏览器中这么做:
在IE中这样写:
document.getElementById("header").style.styleFloat = "left";
在Firefox中这样写:
document.getElementById("header").style.cssFloat = "left";
2. 元素的推算样式
JavaScript可以使用
object.style.property
句法,方便地在外部访问和修改某个CSS样式,但其限制是这些句法只能取出已设的行内样式或者直接由JavaScript设定的样式。并不能访问某个外部的样式表。为了访问元素的"推算"样式,我们可以使用下面的代码:

在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"一样,"class"是JavaScript的一个保留字,在这两个浏览器中我们使用如下句法来访问"class"。
在IE中这样写:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");
在Firefox中这样写:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");

This syntax would also apply using the
setAttribute
method.

4. 访问
就第3点中所提到的,我们同样需要使用不现的句法区分来访问
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

两个点博物馆:邦格荒地地点指南
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

两个点博物馆:邦格荒地地点指南
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Ubuntu Linux中如何删除Firefox Snap? Ubuntu Linux中如何删除Firefox Snap? Feb 21, 2024 pm 07:00 PM

Ubuntu Linux中如何删除Firefox Snap?

Internet Explorer 打开 Edge:如何停止 MS Edge 重定向 Internet Explorer 打开 Edge:如何停止 MS Edge 重定向 Apr 14, 2023 pm 06:13 PM

Internet Explorer 打开 Edge:如何停止 MS Edge 重定向

win11无法使用ie11浏览器怎么办?(win11用不了ie浏览器) win11无法使用ie11浏览器怎么办?(win11用不了ie浏览器) Feb 10, 2024 am 10:30 AM

win11无法使用ie11浏览器怎么办?(win11用不了ie浏览器)

mozilla firefox可以卸载吗 mozilla firefox可以卸载吗 Mar 15, 2023 pm 04:40 PM

mozilla firefox可以卸载吗

Win10打开IE自动跳转到Edge怎么取消_IE浏览器页面自动跳转的解决办法 Win10打开IE自动跳转到Edge怎么取消_IE浏览器页面自动跳转的解决办法 Mar 20, 2024 pm 09:21 PM

Win10打开IE自动跳转到Edge怎么取消_IE浏览器页面自动跳转的解决办法

一个时代的结束:Internet Explorer 11 已退役,这是你需要知道的 一个时代的结束:Internet Explorer 11 已退役,这是你需要知道的 Apr 20, 2023 pm 06:52 PM

一个时代的结束:Internet Explorer 11 已退役,这是你需要知道的

ie快捷方式无法删除如何解决 ie快捷方式无法删除如何解决 Jan 29, 2024 pm 04:48 PM

ie快捷方式无法删除如何解决

如何启用IE的加速功能 如何启用IE的加速功能 Jan 30, 2024 am 08:48 AM

如何启用IE的加速功能

See all articles