FireFox与IE开发上的一些区别

1. window.event 

* IE：有window.event对象
* FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)

2. 鼠标当前坐标

* IE：event.x和event.y。
* FF：event.pageX和event.pageY。
* 通用：两者都有event.clientX和event.clientY属性。

3. 鼠标当前坐标(加上滚动条滚过的距离)

* IE：event.offsetX和event.offsetY。
* FF：event.layerX和event.layerY。

4. 标签的x和y的坐标位置：style.posLeft 和 style.posTop

* IE：有。
* FF：没有。
* 通用：object.offsetLeft 和 object.offsetTop。

5. 窗体的高度和宽度

* 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。

6. 添加事件

* 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都会被执行。

7. 标签的自定义属性

* IE：如果给标签div1定义了一个属性value，可以div1.value和div1["value"]取得该值。
* FF：不能用div1.value和div1["value"]取。
* 通用：div1.getAttribute("value")。

8. 父节点、子节点和删除节点

* IE：parentElement、parement.children，element.romoveNode(true)。
* FF：parentNode、parentNode.childNodes，node.parentNode.removeChild(node)。

9. 画图

* IE：VML。
* FF：SVG。

10. CSS：透明

* IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
* FF：opacity:0.6。

11. 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;。

12. 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;。

13. 其它（待整理）
　　FireFox: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行

　　FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中

　　FireFox: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width

　　FireFox: 支持 !important, IE 则忽略, 可用 !important 为　FireFox 特别设置样式

　　div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

cursor: pointer 可以同时在 IE　FireFox 中显示游标手指状， hand 仅 IE 可以

　　FireFox: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空