繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 各种浏览器兼容问题
- Javascript
- JavaScript 序列化对象实现代码
- 替代window.event.srcElement效果的可兼容性的函数
- div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容
- IE和Firefox下event事件杂谈
- javascript option onclick事件ie解决方案 兼容ie,firefox
- javascript demo 基本技巧
- 用js实现层随着内容大小动态渐变改变 推荐
- JS 的应用开发初探(mootools)
- JS 在数组插入字符的实现代码(可参考JavaScript splice() 方法)
- JQuery Tips(4) 一些关于提高JQuery性能的Tips
- jQuery 淡入淡出、展开收缩菜单实现代码
- js控制div及网页相关属性的代码
- javascript 翻页测试页(动态创建标签并自动翻页)
- Js获取table当前tr行的值的代码
- IE 上下滚动展示模仿Marquee机制
- jQuery解决iframe高度自适应代码
- jQuery 连续列表实现代码
- 利用jQuery的$.event.fix函数统一浏览器event事件处理
- Javascript和Ajax中文乱码吐血版解决方案
- js Firefox 加入收藏夹功能代码 兼容Firefox 和 IE
Javascript 中的 各种浏览器兼容问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 161 ::
收藏到网摘: n/a
关于用脚本设置onload事件句柄
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
在IE、Opera均正常有效，唯独FF既不执行，也不报错，因为在FF，document.body.onload是undefined(未定义)，把一个函数赋值给undefined既不会发生什么事情，也不算出错。
这么写的在IE、Opera和FF都有效：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
关于用脚本绑定事件句柄
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 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
FF 中，事件激发的时候，将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
此外，IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
参考
http://bbs.blueidea.com/thread-2667939-1-1.html
评论 (0) All
