当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 各种浏览器兼容问题

Javascript
[原创]javascript 定时广告显示(两个时间段)
jquery ui dialog里调用datepicker的问题
ext 代码生成器
javascript 局部页面打印实现代码
Javascript 继承实现例子
Javascript 继承机制的实现
Javascript 继承机制实例
Javascript 作用域使用说明
Javascript Math对象
Javascript Global对象
什么是JavaScript
img标签中onerror用法
使用JQuery和s3captche实现一个水果名字的验证
JavaScript写的一个DIV 弹出网页对话框
IE8 下的Js错误HTML Parsing Error...
jQuery ui 1.7更新小结
javascript 多级checkbox选择效果
google地图的路线实现代码
Javascript 访问样式表实现代码
JS 控制CSS样式表

Javascript 中的 各种浏览器兼容问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 358 ::
收藏到网摘: n/a

关于用脚本设置onload事件句柄
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

在IE、Opera均正常有效,唯独FF既不执行,也不报错,因为在FF,document.body.onload是undefined(未定义),把一个函数赋值给undefined既不会发生什么事情,也不算出错。
这么写的在IE、Opera和FF都有效:
点击运行可以看到效果:
[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 全选 提示:你可先修改部分代码,再按运行]

FF 中,事件激发的时候,将一个局部的 event 对象作为第一个参数传递给了事件处理函数
FF Only
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

此外,IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

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