各种浏览器兼容问题
2018-09-22 01:08
关于用脚本设置onload事件句柄
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在IE、Opera均正常有效，唯独FF既不执行，也不报错，因为在FF，document.body.onload是undefined(未定义)，把一个函数赋值给undefined既不会发生什么事情，也不算出错。
这么写的在IE、Opera和FF都有效：
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
关于用脚本绑定事件句柄
IE 下用 attachEvent， FF 下用 addEventListener
相关讨论如下：
（基本上看几贴就明白了，我就不详细说了。请大家看的时候不要顶老贴，谢谢）
参考链接：
关于浮动代码和documentElement/body
常常有人提问，为什么漂浮广告/对联代码在xHTML1.1DTD文件头/FF下不能使用
这是因为，按照标准来说，我们看到的窗体的滚动条不应该是body的，而是HTML的（也就是document.documentElement对象）
所以，解决办法是，把以前不标准的代码中，document.body.scrollTop或者类似的代码变换为document.documentElement.scrollTop
关于ID与html对象元素的引用
这个问题的原因非常非常多。但是一个基本的前提条件就是，对于IE来说，一个HTML元素的ID可以直接在脚本中当作变量名来使用，而FF中不可以。
复制代码 代码如下:<inputid=t1><inputtype=buttonvalue=clickmeonclick=alert(t1.value)>
复制代码 代码如下:<inputid=t1><inputtype=buttonvalue=clickmeonclick=alert(document.getElementById(t1).value)>
关于事件对象的使用差异
IE中，事件激发的时候，有一个全局的window.event对象保存了事件的相关信息
IE Only
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
FF中，事件激发的时候，将一个局部的event对象作为第一个参数传递给了事件处理函数
FFOnly
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
此外，IE的event对象和FF的event对象还稍有不同。
以下是我常用的兼容形式
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
参考