各种浏览器兼容问题

关于用脚本设置onload事件句柄

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

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

　　这么写的在IE、Opera和FF都有效：

　　关于用脚本绑定事件句柄

　　IE 下用 attachEvent， FF 下用 addEventListener

　　（基本上看几贴就明白了，我就不详细说了。请大家看的时候不要顶老贴，谢谢）

　　参考链接：

　　关于浮动代码和 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

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

　　FF Only

　　此外，IE 的 event 对象和 FF 的 event 对象还稍有不同。

　　以下是我常用的兼容形式

　　参考