各种浏览器兼容问题

 更新时间:2006年11月14日 00:00:00   转载 作者:  
关于用脚本设置onload事件句柄

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

在IE、Opera均正常有效,唯独FF既不执行,也不报错,因为在FF,document.body.onload是undefined(未定义),把一个函数赋值给undefined既不会发生什么事情,也不算出错。
这么写的在IE、Opera和FF都有效:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

关于用脚本绑定事件句柄
IE 下用 attachEvent, FF 下用 addEventListener

相关讨论如下:
http://search.blueidea.com/?q=addEventListener&bisearch=bbs
(基本上看几贴就明白了,我就不详细说了。请大家看的时候不要顶老贴,谢谢)

参考链接:
http://bbs.blueidea.com/viewthre ... p;page=1#pid2248824
http://bbs.blueidea.com/viewthread.php?tid=2507914
关于浮动代码和 documentElement / body
常常有人提问,为什么 漂浮广告 / 对联代码 在 xHTML 1.1 DTD 文件头 / FF 下不能使用
这是因为,按照标准来说,我们看到的窗体的滚动条不应该是 body 的,而是 HTML 的(也就是 document.documentElement 对象)
所以,解决办法是,把以前不标准的代码中, document.body.scrollTop 或者类似的代码变换为 document.documentElement.scrollTop
关于 ID 与 html 对象元素的引用
这个问题的原因非常非常多。但是一个基本的前提条件就是,对于IE 来说,一个HTML 元素的 ID 可以直接在脚本中当作变量名来使用,而 FF 中不可以。
复制代码 代码如下:
<input id="t1"><input type="button" value="click me" onclick="alert(t1.value)">

复制代码 代码如下:
<input id="t1"><input type="button" value="click me" onclick="alert(document.getElementById('t1').value)">

关于 事件对象的使用差异
IE 中,事件激发的时候,有一个全局的 window.event 对象保存了事件的相关信息
IE Only 

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

FF 中,事件激发的时候,将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

此外,IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

参考
http://bbs.blueidea.com/thread-2667939-1-1.html

相关文章

  • Javascript执行效率全面总结

    Javascript执行效率全面总结

    Javascript中的作用域链、闭包、原型继承、eval等特性,在提供各种神奇功能的同时也带来了各种效率问题,用之不慎就会导致执行效率低下
    2013-11-11
  • 浅谈JS闭包中的循环绑定处理程序

    浅谈JS闭包中的循环绑定处理程序

    初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。
    2014-11-11
  • javascript基础知识整理

    javascript基础知识整理

    这篇文章对于刚开始学习js的朋友,非常有帮助,主要知识点都已经整理好了。
    2010-06-06
  • JavaScript数据结构和算法之二叉树详解

    JavaScript数据结构和算法之二叉树详解

    这篇文章主要介绍了JavaScript数据结构和算法之二叉树详解,本文讲解了二叉树的概念、二叉树的特点、二叉树节点的定义、查找最大和最小值等内容,需要的朋友可以参考下
    2015-02-02
  • js获取浏览器基本信息大全

    js获取浏览器基本信息大全

    本文整理汇总了js获取浏览器基本信息资料,非常的全面,也对IE及非IE浏览器之间的区别进行了分析,是篇非常不错的文章,这里推荐给大家,前端设计师们千万不要错过
    2014-11-11
  • THREE.JS入门教程(1)THREE.JS使用前了解

    THREE.JS入门教程(1)THREE.JS使用前了解

    Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D,本文介绍下THREE.JS基础/浏览器支持/设置场景/构建网格表面/材质/光/渲染循环/通用的对象属性等等,感兴趣的朋友可以了解下哦
    2013-01-01
  • javascript对话框使用方法(警告框 javascript确认框 提示框)

    javascript对话框使用方法(警告框 javascript确认框 提示框)

    javascript对话框使用方法,有警告框、确认框、提示框的使用方法和语法,大家参考使用吧
    2014-01-01
  • JavaScript的代码编写格式规范指南

    JavaScript的代码编写格式规范指南

    这篇文章主要介绍了JavaScript的代码编写格式规范指南,文中所分享的一些细节基本上也是各大js代码格式化插件所默认约定俗成的,需要的朋友可以参考下
    2015-12-12
  • JavaScript Switch 声明

    JavaScript Switch 声明

    JavaScript Switch 声明...
    2007-04-04
  • 想学习javascript JS和jQuery哪个重要 先学哪个

    想学习javascript JS和jQuery哪个重要 先学哪个

    在一些技术论坛与qq群经常看到有这样类似的提问,当然提出这样问题的通常都是新手为了解决大家的疑惑,同时帮助新手程序员能更快掌握学习的方向,不致于弄错重点
    2016-12-12

最新评论