IE和Firefox在JavaScript方面的兼容性

1.document.formName.item("itemName") 问题

说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["elementName"].

解决方法:统一使用document.formName.elements["elementName"]. Text1:

document.formName.item("itemName")    
document.formName.elements["elementName"]

-------------------------------------------------

2.集合类对象问题

说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.

解决方法:统一使用[]获取集合类对象.

Text2:

document.forms("formName") 
document.forms["formName"] 

Text3:

document.getElementsByName("inputName")(0) 
document.getElementsByName("inputName")[0]

-------------------------------------------------

3.自定义属性问题

说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.

解决方法:统一通过getAttribute()获取自定义属性.

Text4:

直接获取自定义属性的值        

通过getAttribute()获取自定义属性的值

-------------------------------------------------

4.eval("idName")问题

说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.

解决方法:统一用getElementById("idName")来取得id为idName的HTML对象.

Text5:
eval("idName")          
document.getElementById("itemId")

-------------------------------------------------

时间: 2024-12-27 17:53:13

IE和Firefox在JavaScript方面的兼容性的相关文章

IE和Firefox的Javascript兼容性总结[推荐收藏]_javascript技巧

长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javascript兼容性: 一.函数和方法差异: 二.样式访问和设置: 三.DOM方法及对象引用: 四.事件处理: 五.其他差异的兼容处理. 一.函数和方法差异 1. getYear()方法 [分析说明]先看一下以下代码: 复制代码 代码如下: var year= new Date().getYear();

IE与Firefox下javascript getyear年份的兼容性写法_时间日期

IE与Firefox下javascript getyear年份不同浏览器 JavaScript 的getyear年份函数兼容性问题 先举个例子 用 Firefox 上一些网站会看到这样的提示 现在时间是 106年8月8日 而用 ie 浏览器的话就显示正常的 2006年8月8日 原因就是 javascript 的兼容性问题 var today = new date(); var year = today.getYear(); 在 Firefox 里面 getYear 返回的是 "当前年份-1900

Javascript解决浏览器兼容性问题

兼容性问题是由于多个浏览器同时存在而导致的.这些浏览器在处理一个相同的页面时,表现有时会有差异.这种差异可能很小,甚至不会被注意到:也可能很大,甚至造成在某个浏览器下无法正常浏览.我们把引起这些差异的问题统称为"浏览器兼容性问题".下面让我们一起来看Javascript在解决兼容性问题上的方法. 1. document.form.item 问题 问题: 代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行 解

javascript中setAttribute兼容性用法分析_javascript技巧

本文实例分析了javascript中setAttribute兼容性用法.分享给大家供大家参考,具体如下: 1:常规属性建议使用 node.XXXX. 2:自定义属性建议使用node.getAttribute("XXXX"). 3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX"),如label中的for. 4:当获取的目标是保留字,如:class,请使用className代替. setAttribute(string name,

IE和firefox浏览器的event事件兼容性汇总_javascript技巧

1,关于event的用法 存在问题:IE中可以直接使用event对象,但是Mozilla不可以直接使用. 例如: <input type="button" value="clickMe" nclick="doIt()"> <script. language="javascript">      function doIt(){             alert(event);        } <

Javascript selection的兼容性写法

 本文为大家讲解下Javascript selection的兼容性写法,感兴趣的朋友可以参考下  代码如下: function getSelectedText() { //this function code is borrowed from: http://www.codetoad.com/javascript_get_selected_text.asp    var txt = "";  if (window.getSelection) {  txt = window.getSel

IE和Firefox在JavaScript应用中的兼容性探讨_javascript技巧

1.document.formName.item("itemName") 问题 说 明:IE下,可以使用document.formName.item("itemName")或document.formName.elements ["elementName"];Firefox下,只能使用document.formName.elements["elementName"]. 解决方法:统一使用document.formName.el

推荐兼容 IE、 FireFox 的 javascript 日历控件

javascript|控件|日历 网上的WEB日历控件很多,功能也很强大,可惜大都不支持FireFox,自己闲时写了一个,有如下特色: 特色: 一.支持IE6,FireFox 二.支持中.英文日历.可自由扩展其它语言 三.遇到Select 下拉框的时候,采取隐藏的方法 四.采用div作为日历容器,不会被浏览器拦截 五.支持日期回显,如果你的文本框中是2003-05-12,要修改此值时,日历会自动显示到2003年5月的视图 存在的问题: 一.速度上不是十分的快.和实现有关,但也不慢,毕竟是脚本,也

css与javascript跨浏览器兼容性总结

 一.CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因.如果父div没有设float而其子div却设了float的话,父div无法包住整个子DIV,这种情况一般出现在一个父DIV下包含多个子DIV.解决办法: 1) 给父DIV也设上float 2) 在所有子DIV后新加一个空DIV(目前Ext是这么做的),比如: 1 2 3 4 5 6 7 8 9 .pare