首页 > 代码库 > IE与FF脚本兼容性问题

IE与FF脚本兼容性问题

CSS:

 

(1) 让页面元素居中

ff{margin-left:0px;margin-right:0px;width:***}

ie上面的设置+text-align:center

(2) ff:不支持滤镜

ie:支持滤镜

(3) ff:支持!important

ie支持*,ie6支持_

(4) min-width,min-height

FF支持,IE不支持,IE可以用css expression来替代

(5) Css Expression

FF不支持,IE支持

(6) cursor:hand

IE下可以显示手指状,FF下不行

(7) UL的默认padding和margin

IE下ul默认有margin,FF下ul默认有padding

(8) FORM的默认margin

IE下FORM有默认margin,FF下margin默认为0

 (9) 长字符串,word-wrap:break-all可以解决IE,但是FF需要overflow:hidden才行
 (10)Ol、ul列表缩进,消除缩进和编号

IE:margin:0px;

FF:list-style:none;margin:0px;padding:0px;

JS:

(1)  window.event

表示当前的事件对象,IE有这个对象

FF没有,FF通过给事件处理函数传递事件对象 

(2) 获取事件源 

IE用srcElement获取事件源,而FF用target获取事件源 

(3) 添加,去除事件

IE:element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function) 
FF:element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true) 

(4)获取标签的自定义属性

IE:div1.value或div1[“value”] 
FF:可用div1.getAttribute(“value”) 

(5) document.getElementByName()和document.all[name] 

IE:  document.getElementByName()和document.all[name]均不能获取div元素 
FF:可以

(6) input.type的属性 

IE:input.type只读 
FF:input.type可读写 

(7)  innerText textContent outerHTML 

IE:支持innerText, outerHTML 
FF:支持textContent 

(8)是否可用id代替HTML元素 

IE:可以用id来代替HTML元素 
FF:不可以