js浏览器兼容手册

《js浏览器兼容手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、js浏览器兼容手册.txt31岩石下的小草教我们坚强，峭壁上的野百合教我们执著，山顶上的松树教我们拼搏风雨，严寒中的腊梅教我们笑迎冰雪。avascript部分1.document.form.item问题问题：代码中存在document.formName.item("itemName")这样的语句，不能在FF下运行解决方法：改用document.formName.elements["elementName"]2.集合类对象问题问题：代码中许多集合类对象取用时使用()，IE能接受，FF不能解决方法：改用[]作为下标运算，例：document.getElementsByNam

2、e("inputName")(1)改为document.getElementsByName("inputName")[1]3.window.event问题：使用window.event无法在FF上运行解决方法：FF的event只能在事件发生的现场使用，此问题暂无法解决。可以把event传到函数里变通解决：onMouseMove="functionName(event)"functionfunctionName(e){e=e

3、

4、window.event;......}4.HTML对象的id作为对象名的问题问题：在IE中，HTML对象的ID可以作为document的下属对象

5、变量名直接使用，在FF中不能解决方法：使用对象变量时全部用标准的getElementById("idName")5.用idName字符串取得对象的问题问题：在IE中，利用eval("idName")可以取得id为idName的HTML对象，在FF中不能解决方法：用getElementById("idName")代替eval("idName")6.变量名与某HTML对象id相同的问题问题：在FF中，因为对象id不作为HTML对象的名称，所以可以使用与HTML对象id相同的变量名，IE中不能解决方法：在声明变量时，一律加上var，以避免歧义，这样在IE中亦可正常运行最好不要

6、取与HTML对象id相同的变量名，以减少错误7.event.x与event.y问题问题：在IE中，event对象有x,y属性，FF中没有解决方法：在FF中，与event.x等效的是event.pageX，但event.pageXIE中没有故采用event.clientX代替event.x，在IE中也有这个变量event.clientX与event.pageX有微妙的差别，就是滚动条要完全一样，可以这样：mX=event.x?event.x:event.pageX;然后用mX代替event.x8.关于frame问题：在IE中可以用window.testFrame取得该fr

7、ame，FF中不行解决方法：window.top.document.getElementById("testFrame").src='xx.htm'window.top.frameName.location='xx.htm'9.取得元素的属性在FF中，自己定义的属性必须getAttribute()取得10.在FF中没有parentElement，parement.children而用parentNode，parentNode.childNodes问题：childNodes的下标的含义在IE和FF中不同，FF的childNodes中会插入空白文本节点解决方法：可以通过no

8、de.getElementsByTagName()来回避这个问题问题：当html中节点缺失时，IE和FF对parentNode的解释不同，例如：

9、body标签没有被浏览器完全读入之前就存在，而IE则必须在body完全被读入之后才存在这会产生在IE下，文档没有载入完时，在body上appendChild会出现空白页面的问题解决方法：一切在body上插入节点的动作，全部在onload后进行13.urlencoding问题：一般FF无法识别js中的&解决方法：在js中如果书写url就直接写&不要写&14.nodeName和tagName问题问题：在FF中，所有节点均有nodeName值，但textNode没有tagName值，在IE中，nodeName的使用有问题解决方法：使用tagNa