各种浏览器兼容问题

所属分类: 网络编程 / JavaScript 阅读数: 1849
收藏 0 赞 0 分享
关于用脚本设置onload事件句柄

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

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

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

关于用脚本绑定事件句柄
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 全选 注:引入外部Js需再刷新一下页面才能执行]

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

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

此外,IE 的 event 对象和 FF 的 event 对象还稍有不同。
以下是我常用的兼容形式

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

参考
http://bbs.blueidea.com/thread-2667939-1-1.html
更多精彩内容其他人还在看

Jquery-data的三种用法

本篇文章主要介绍了Jquery-data的三种用法。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序实战之自定义toast(6)

这篇文章主要为大家详细介绍了微信小程序实战之自定义toast的相关方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序--onShareAppMessage分享参数用处(页面分享)

本篇文章主要介绍了微信小程序的页面分享onShareAppMessage分享参数用处的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序实战之自定义抽屉菜单(7)

这篇文章主要为大家详细介绍了微信小程序实战之自定义抽屉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

本篇文章主要介绍了微信小程序开发之从相册获取图片--使用相机拍照,本地图片上传的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

JavaScript错误处理和堆栈追踪详解

这篇文章主要为大家详细介绍了JavaScript错误处理和堆栈追踪的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序开发之麦克风动画 帧动画 放大 淡出

本篇文章主要介绍了微信小程序开发之麦克风动画:帧动画、放大、淡出的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序实战之自定义模态弹窗(8)

这篇文章主要为大家详细介绍了微信小程序实战之自定义模态弹窗,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jQuery加密密码到cookie的实现代码

本文通过实例代码给大家分享了jquery 加密密码到cookie的实现方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

javascript实现日期三级联动下拉框选择菜单

这篇文章主要介绍了javascript实现日期三级联动下拉框选择菜单,实现JS年月日三级联动下拉框选择功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享
查看更多