Web前端知识

首页 > 免费 > Web前端知识 >

5种常见的浏览器兼容性问题大汇总

来源:北京汇仁智杰科技有限公司   时间:2015-12-23   点击:

  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";

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰