IE与firefox在javascript和css上的不同点

　　1.firefox不能对innerText支持，也不知道为什么。firefox支持innerHTML但却不支持innerText，所以上网查了一下，原来它改支持textContent来实现innerText，不过实现得没有那么好，默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替

　　2.禁止选取网页内容：

　　在IE中一般用js：obj.onselectstart=function(){return false;}

　　而firefox用CSS:-moz-user-select:none

　　3.滤镜的支持(例：透明滤镜)：

　　IE:filter：alpha(opacity=10);

　　firefox：-moz-opacity:.10;

　　4.捕获事件：

　　IE：obj.setCapture() 、obj.releaseCapture()

　　Firefox： document.addEventListener("mousemove",mousemovefunction,true);

　　document.removeEventListener("mousemove",mousemovefunction,true);

　　5.获取鼠标位置：

　　6.DIV等元素的边界问题：

　　比如：设置一个div的CSS:：{width:100px;height:100px;border:#000000 1px solid;}

　　IE中：div的宽度（包括边框宽度）：100px，div的高度（包括边框宽度）：100px；

　　而firefox：div的宽度（包括边框宽度）：102px，div的高度（包括边框宽度）：102px；

　　所以在做这个兼容IE和firefox的拖动窗口时，在js和css的写法上要动点脑筋，给大家两个小技巧

　　一.判断浏览器类型：

　　var isIE=document.all? true:false;

　　我写了一个变量，如果支持document.all语法那么isIE=true，否则isIE=false

　　二.在不同浏览器下的CSS处理：

　　一般可以用!important来优先使用css语句（仅firefox支持）

　　比如：{border-width:0px!important;border-width:1px;}

　　在firefox下这个元素是没有边框的，在IE下边框宽度是1px

（编辑：济宁站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!