zoukankan      html  css  js  c++  java
  • 常见浏览器兼容性问题与解决方案(上)

    1. HTML对象获取问题
    FireFox:document.getElementById("idName");
    ie:document.idname或者document.getElementById("idName").
    解决办法:统一使用document.getElementById("idName");
    2. const问题
    说明:Firefox下,可以使用const关键字或var关键字来定义常量;
    IE下,只能使用var关键字来定义常量. 
    解决方法: 统一使用var关键字来定义常量.
    3. event.x与event.y问题
    说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;
    Firefox下,event对象有pageX,pageY属性,但是没有x,y属性. 
    解决方法:使用mX(mX   =   event.x   ?   event.x   :   event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX. 
    4. window.location.href问题
    说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;
    Firefox1.5.x下,只能使用window.location. 
    解决方法:使用window.location来代替window.location.href. 
    5. frame问题
    以下面的frame为例:
    <frame   src="xxx.html"   id="frameId"   name="frameName"   />
    (1)访问frame对象:
    IE:使用window.frameId或者window.frameName来访问这个frame对象.   frameId和frameName可以同名。
    Firefox:只能使用window.frameName来访问这个frame对象.
    另外,在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.
    (2)切换frame内容:
    在 IE和Firefox中都可以使用window.document.getElementById("testFrame").src   =   "xxx.html"或window.frameName.location   =   "xxx.html"来切换frame的内容.
    如果需要将frame中的参数传回父窗口(注意不是opener,而是parent   frame),可以在frame中使用parent来访问父窗口。例如:parent.document.form1.filename.value="Aqing";
    6. 模态和非模态窗口问题
    说明:IE下,可以通过showModalDialog和showModelessDialog打开模态和非模态窗口;Firefox下则不能. 
    解决方法:直接使用window.open(pageURL,name,parameters)方式打开新窗口。
    如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener来访问父窗口. 
    例如:var   parWin   =   window.opener;   parWin.document.getElementById("Aqing").value   =   "Aqing"; 
    7. firefox与IE的父元素(parentElement)的区别
    IE:obj.parentElement
    firefox:obj.parentNode
    解决方法:   因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
    8. document.formName.item(”itemName”) 问题
    问题说明:IE下,可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"];Firefox 下,只能使用document.formName.elements["elementName"]。
    解决方法:统一使用document.formName.elements["elementName"]。
    9. 集合类对象问题
    问题说明:IE下,可以使用 () 或 [] 获取集合类对象;Firefox下,只能使用 [ ]获取集合类对象。
    解决方法:统一使用 [] 获取集合类对象。
    10. 自定义属性问题
    问题说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用 getAttribute() 获取自定义属性;Firefox下,只能使用 getAttribute() 获取自定义属性。
    解决方法:统一通过 getAttribute() 获取自定义属性。
    11. input.type属性问题
    问题说明:IE下 input.type 属性为只读;但是Firefox下 input.type 属性为读写。
    解决办法:不修改 input.type 属性。如果必须要修改,可以先隐藏原来的input,然后在同样的位置再插入一个新的input元素。
    12. event.srcElement问题
    问题说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性。
    解决方法:使用srcObj = event.srcElement ? event.srcElement : event.target;
    如果考虑第8条问题,就改用myEvent代替event即可。

  • 相关阅读:
    在預設設定下,SQL Server 不允許遠端連接
    windows7语言包安装失败
    使一个销售组织能够销售另一个销售组织的产品
    转:多线程六种多线程方法解决UI线程阻塞
    转:BeginInvoke和EndInvoke方法 (原网址:http://www.cnblogs.com/nokiaguy/archive/2008/07/13/1241817.html)
    员工客户的统驭科目不能更改?
    公司间采购的退货(有序列号)
    排程 经典图示
    取消凭证分解 (取消公司下的多个利润中心)
    查找已删除的交货单信息
  • 原文地址:https://www.cnblogs.com/misniper/p/4715433.html
Copyright © 2011-2022 走看看