11. input.type属性问题
问题说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写。
解决办法:不修改input.type属性。如果必须要修改,可以先隐藏原来的input,然后在同样的位置再插入一个新的input元素。
12. event.srcElement问题
问题说明:IE下,even对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性。
解决方法:使用srcObj = event.srcElement ?event.srcElement : event.target;
如果考虑第8条问题,就改用myEvent代替event即可。
13. body载入问题
问题说明:Firefox的body对象在body标签没有被浏览器完全读入之前就存在;而IE的body对象则必须在body标签被浏览器完全读入之后才存在。
[注]这个问题尚未实际验证,待验证后再来修改。
[注]经验证,IE6、Opera9以及FireFox2中不存在上述问题,单纯的JS脚本可以访问在脚本之前已经载入的所有对象和元素,即使这个元素还没有载入完成。
14.事件委托方法
问题说明:IE下,使用document.body.onload = inject;其中function inject()在这之前已被实现;在Firefox下,使用document.body.onload = inject();
解决方法:统一使用document.body.onload=new Function(’inject()’);或者document.body.onload = function(){}
[注意] Function和function的区别。
15. Table操作问题
问题说明:ie、firefox以及其它浏览器对于table标签的操作都各不相同,在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,使用appendChild方法也不管用。
解决方法://向table追加一个空行:
var row = otable.insertRow(-1);var cell = document.createElement("td");cell.innerHTML = "";cell.className = "XXXX";row.appendChild(cell);[注]由于俺很少使用JS直接操作表格,这个问题没有遇见过。建议使用JS框架集来操作table,如JQuery。
16.对象宽高赋值问题
问题说明:FireFox中类似obj.style.height = imgObj.height的语句无效。
Ø CSS
1. cursor:hand VS cursor:pointer
firefox不支持hand,但ie支持pointer
解决方法:统一使用pointer
17. innerText在IE中能正常工作,但在FireFox中却不行.
需用textContent。
解决方法:
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('element').innerText = "my text";
} else{
document.getElementById('element').textContent = "my text";
}
18. CSS透明
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。
opacity透明,子元素会继承透明属性。解决方式:1、使用background:rgba(0,0,0,.6) //IE8及以下无效果。2、使用定位,背景色与子元素处于同级关系。
19. css中的width和padding
在IE7和FF中width宽度不包括padding,在Ie6中包括padding.
�U�
交流:477706497
验证:管
b=c.�W�u�t�