相思资源网 Design By www.200059.com
关于用脚本设置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
[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
标签:
各种浏览器兼容问题
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无各种浏览器兼容问题的评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。