各种浏览器兼容问题_基础知识

相关讨论如下：
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 中不可以。
代码如下:
代码如下:
关于 事件对象的使用差异
IE 中，事件激发的时候，有一个全局的 window.event 对象保存了事件的相关信息
IE Only
<input type="button" onclick="alert(event.type)" onfocus="alert(event.type)">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
FF 中，事件激发的时候，将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only
<input type="button" onclick="alert(arguments[0].type)" onfocus="alert(arguments[0].type)">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
此外，IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式
<script> function doEvent(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; alert(srcEle.value); } </ script> <input value="click me" onclick="doEvent(arguments[0]);" />
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
参考
http://bbs.blueidea.com/thread-2667939-1-1.html

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com