IE和FireFox中的兼容

收藏个！
IE和FireFox的兼容性总结
IE和FireFox浏览器的兼容问题( IE ->FF )
FireFox与IE兼容常见问题大全
下面是有关css的。
Javascript与CSS在IE和Firefox中的误区及区别
css在IE/FF下的完美兼容
下面是有关ie6的bug
IE6 BUG大全
IE的CSS相关的BUG

---------------分割线(以下为自己总结)-------------------
1 获取键盘代码时
IE下面为:window.event.keyCode
Firefox下面为:windown.event.which

2 文件下载时下载名称的乱码处理方式不同
先做第一步处理：String fileName= new String(fileName.getBytes("iso-8859-1"), "utf-8");
然后：
IE： fileName=URLEncoder.encode(fileName, "utf-8");
Firefox：fileName=new String(fileName.getBytes("utf-8"), "iso-8859-1");
具体代码如下：
String agent = reqw.getHeader("USER-AGENT"); 
   if(null != agent && -1 != agent.indexOf("MSIE")){ 
       fileName=URLEncoder.encode(fileName, "utf-8");
    }else if(null != agent && -1 != agent.indexOf("Mozilla")){ 
       fileName=new String(fileName.getBytes("utf-8"), "iso-8859-1");
    }

3 getElementsByTagName在chrome不好用。
问题：在JS中获取<span><a href=""></a></span>中获取a链接的href通过条件进行更改，在chrome和Firefox用以下代码
var a=document.getElementById('registe').getElementsByTagName('a');
竟然获取不到值。
解决方法：后来找了很久更改成
var a=document.getElementById('registe').childNodes[0];
才解决问题。

4 有关childNodes节点在IE,Firefox中含义不同的问题
自己描述的不够详细,这个网址说的很详细。如下：
IE和FireFox处理childNodes的异同

5 设置样式text-overflow:ellipsis后，在火狐下面省略的字不会以。。。显示，IE下面可以正常显示。
解决方法的链接如下：
text-overflow 全兼容
firefox通过XUL实现text-overflow:ellipsis的效果

6 有关select的动态创建和删除
function getCaseBack(){
var result;
if (http_request.readyState == 4) {
if (http_request.status == 200)
{
  result=http_request.responseText;
  var array=new Array();//存放单个id和title
  array=result.split(",");
  var sel=document.getElementById('anli');
  var len=sel.options.length;
 
  //删除原先的option--注意保留第一项
  for(var i=0;i<len;i++){
sel.remove(1);
  }
  if(result!=""){
   for(var j=0;j<array.length;j++){
    //创建option
    //ie
        // var op=document.createElement("option");
        //op.value=(array[j].split("--"))[0];
        // op.text=(array[j].split("--"))[1];
        // sel.add(op);
        //ie和火狐兼容
        var oOption=new Option((array[j].split("--"))[1],(array[j].split("--"))[0]);
        sel.options[j]=oOption;
  }
  }

}
    } 
}
//删除 option 在 firefox 是 select.remove(selectedIndex)，而不是 options.remove()


7 有关Firfox中button标签的问题
问题：Firfox中的button标签如果不声明类型的话,点击触发自定义事件如tologin(),事件没有触发。
解决办法：在button标签内加type='button',不然会默认认为是submit.


8 处理只能输入数字
function keyPress(evt) { 
  evt = (evt) ? evt : ((window.event) ? window.event : "");
  var keyCode = evt.keyCode ? evt.keyCode : evt.which;
    if (keyCode!=8 && (keyCode < 48 || keyCode > 57)) { 
    if (window.event) { //IE
        evt.returnValue = false;
    }else{  //Firefox
        evt.preventDefault(); //event.returnValue=false 效果相同.
    }
   } 
  }

9 动态添加css
IE
var css=document.createStyleSheet();
css.addRule("html*","{-moz-user-select:none;}");
FF
if(!document.createStyleSheet) {
var cssObj=document.createElement("style");
var tnObj=document.createTextNode("html{-moz-user-select:none;}");
cssObj.appendChild(tnObj);
document.body.appendChild(cssObj);
}

10 window onload()在FF不可用
IE下面可以使用function window.onload(){}但在FF下面不可用。
原因：Firefox不支持对象加事件的函数名
改为用：
window.onload = fnShow;
function fnShow(){}
或直接写为：
window.onload = function (){}

11 function String.prototype.Trim()在FF不可用
IE下面function String.prototype.Trim(){}可以正常使用,但在FF下面不可用。
改用：
String.prototype.trim=function (){}

12 FF获取event对象
在函数调用中传递event对象的解决方法就不多说了。
主要说下在函数调用中不传递event对象
    var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象
    var src = evt.srcElement || evt.target; // 获取触发事件的源对象

13 ie7 firefox在 ul li 的差异
解决方法：在ul样式中增加
list-style:none;
margin-left:50px;
margin-left大小自己调节。

14 Firefox下面的后退兼容问题
以下是三种返回(后退,back)的脚本：
<a onclick=”history.back(); return false;” href=”javascript:void(0);”>返回</a>（IE，FireFox兼容）
<a onclick=”javascript:history.go(-1);” href=”#”>返回</a>（IE兼容）
<input onclick=”history.go(-1)” type=”button” value=”返回” />（IE，FireFox兼容）
我在程序中用的是button,所以写成
<button onclick="history.back(); return false;">返回</button>

15 阻止事件发生
IE:event.returnValue = false;  
FF:event.preventDefault(); 

16 添加事件
IE:element.attachEvent(‘onclick’, observer); 
FF:element.addEventListener(‘click’, observer, true);