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 相关文章推荐
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
js单词形式的运算符
May 06 Javascript
JS获取Table中td值的方法
Mar 19 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
完美的js图片轮换效果
Feb 05 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
Angularjs中使用轮播图指令swiper
May 30 Javascript
详解Chai.js断言库API中文文档
Jan 31 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 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
Codeigniter中禁止A Database Error Occurred错误提示的方法
2014/06/12 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
2017/01/30 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
JS实现可改变列宽的table实例
2013/07/02 Javascript
jQuery内置的AJAX功能和JSON的使用实例
2014/07/27 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
使用jquery操作session方法分享
2015/01/22 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
2015/01/24 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
一系列Bootstrap导航条使用方法分享
2016/04/29 Javascript
jquery中用jsonp实现搜索框功能
2016/10/18 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
vue安装和使用scss及sass与scss的区别详解
2018/10/15 Javascript
如何优雅地取消 JavaScript 异步任务
2020/03/22 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
浅谈django model postgres的json字段编码问题
2018/01/05 Python
python实现文件的分割与合并
2019/08/29 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
python输入错误后删除的方法
2019/10/12 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
员工拾金不昧表扬信
2014/01/09 职场文书
会计系毕业求职信
2014/08/07 职场文书
公司委托书格式范文
2014/10/09 职场文书
作风转变年心得体会
2014/10/22 职场文书
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers