IE与FireFox的兼容性问题分析


Posted in Javascript onApril 22, 2007

window.event

IE:有window.event对象 
FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 
鼠标当前坐标

IE:event.x和event.y。 
FF:event.pageX和event.pageY。 
通用:两者都有event.clientX和event.clientY属性。 
鼠标当前坐标(加上滚动条滚过的距离)

IE:event.offsetX和event.offsetY。 
FF:event.layerX和event.layerY。 
标签的x和y的坐标位置:style.posLeft 和 style.posTop

IE:有。 
FF:没有。 
通用:object.offsetLeft 和 object.offsetTop。 
窗体的高度和宽度

IE:document.body.offsetWidth和document.body.offsetHeight。注意:此时页面一定要有body标签。 
FF:window.innerWidth和window.innerHegiht,以及document.documentElement.clientWidth和document.documentElement.clientHeight。 
通用:document.body.clientWidth和document.body.clientHeight。 
添加事件

IE:element.attachEvent("onclick", func);。 
FF:element.addEventListener("click", func, true)。 
通用:element.onclick=func。虽然都可以使用onclick事件,但是onclick和上面两种方法的效果是不一样的,onclick只有执行一个过程,而attachEvent和addEventListener执行的是一个过程列表,也就是多个过程。例如:element.attachEvent("onclick", func1);element.attachEvent("onclick", func2)这样func1和func2都会被执行。 
标签的自定义属性

IE:如果给标签div1定义了一个属性value,可以div1.value和div1["value"]取得该值。 
FF:不能用div1.value和div1["value"]取。 
通用:div1.getAttribute("value")。 
父节点、子节点和删除节点

IE:parentElement、parement.children,element.romoveNode(true)。 
FF:parentNode、parentNode.childNodes,node.parentNode.removeChild(node)。 
画图

IE:VML。 
FF:SVG。 
CSS:透明

IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 
FF:opacity:0.6。 
CSS:圆角

IE:不支持圆角。 
FF:-moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。 
CSS:双线凹凸边框

IE:border:2px outset;。 
FF:-moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors: #d4d0c8 white;-moz-border-right-colors:#404040 #808080;-moz-border-bottom-colors:#404040 #808080;。

Javascript 相关文章推荐
Javascript中 关于prototype属性实现继承的原理图
Apr 16 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
May 07 Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
Jun 01 Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 Javascript
javascript基础语法——全面理解变量和标识符
Jun 02 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
微信小程序入门教程
Nov 18 Javascript
简单实现js倒计时功能
Feb 13 Javascript
在Vue中使用axios请求拦截的实现方法
Oct 25 Javascript
Vue自定义多选组件使用详解
Sep 08 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 Javascript
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 #Javascript
XML+XSL 与 HTML 两种方案的结合
Apr 22 #Javascript
用javascript实现的图片马赛克后显示并切换加文字功能
Apr 21 #Javascript
JS Timing
Apr 21 #Javascript
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
Apr 21 #Javascript
JS 建立对象的方法
Apr 21 #Javascript
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 #Javascript
You might like
德生PL550的电路分析
2021/03/02 无线电
PHP获取网卡地址的代码
2008/04/09 PHP
php表单敏感字符过滤类
2014/12/08 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
javascript的函数
2007/01/31 Javascript
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
JS实现静止元素自动移动示例
2014/04/14 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
Angular设置title信息解决SEO方面存在问题
2016/08/19 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
详解vue.js的事件处理器v-on:click
2017/06/27 Javascript
JavaScript变量类型以及变量作用域详解
2017/08/14 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
vue根据进入的路由进行原路返回的方法
2018/09/26 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
2020/08/04 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中使用urllib2防止302跳转的代码例子
2014/07/07 Python
简单的Python抓taobao图片爬虫
2014/10/26 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
10个python爬虫入门基础代码实例 + 1个简单的python爬虫完整实例
2020/12/16 Python
python 利用jieba.analyse进行 关键词提取
2020/12/17 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
营销与策划专业毕业生求职信
2013/11/01 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
先进集体获奖感言
2014/02/13 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
餐厅总厨求职信
2014/03/04 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript