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 相关文章推荐
简明json介绍
Sep 28 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
Feb 03 Javascript
jQuery 回车事件enter使用示例
Feb 18 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
JQuery ztree 异步加载实例讲解
Feb 25 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
vue mint-ui学习笔记之picker的使用
Oct 11 Javascript
Vue指令指令大全
Feb 09 Javascript
Vue组件实现触底判断
Jun 26 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
加速XP搜索功能堪比vista
2007/03/22 PHP
PHP加速 eAccelerator配置和使用指南
2009/06/05 PHP
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
CI(CodeIgniter)框架配置
2014/06/10 PHP
PHP中的流(streams)浅析
2015/07/02 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
Yii使用DeleteAll连表删除出现报错问题的解决方法
2016/07/14 PHP
jquery的颜色选择插件实例代码
2008/10/02 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
实现一个简单的vue无限加载指令方法
2017/01/10 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
2017/01/22 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
详解webpack 多页面/入口支持&公共组件单独打包
2017/06/29 Javascript
vue脚手架中配置Sass的方法
2018/01/04 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
关于AngularJS中几种Providers的区别总结
2020/05/17 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
python实现可逆简单的加密算法
2019/03/22 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
金宝贝童装官网:Gymboree
2016/08/31 全球购物
The North Face北面英国官网:美国著名户外品牌
2017/12/13 全球购物
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
优秀学生干部个人的自我评价
2013/10/04 职场文书
倡议书范文
2014/04/16 职场文书
铅球加油稿100字
2014/09/26 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
创业计划书之个人工作室
2019/08/22 职场文书