firefox和IE系列的相关区别整理 以备后用

、IE与FireFox的js和css png透明 AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL) enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop：剪切图片以适应对象尺寸。image：默认值。增大或减小对 标题中的“firefox和IE系列的相关区别整理”是指对两种主流浏览器——Mozilla Firefox和Microsoft Internet Explorer在处理JavaScript、CSS以及特定功能上的差异进行对比和总结。这些差异主要体现在以下几个方面： 1. CSS PNG透明处理： - IE使用AlphaImageLoader滤镜来实现PNG透明，如`filter:progid:DXImageTransform.Microsoft.AlphaImageLoader`，而Firefox则不支持这种滤镜，而是直接支持PNG8和PNG24格式的透明效果。 2. `innerText`与`textContent`： - 在IE中，`innerText`用于获取或设置元素的文本内容，但Firefox不支持`innerText`，它使用`textContent`，但`textContent`会保留所有空白字符。 - 如果只需要文本内容且不关心空白，`innerHTML`在IE和Firefox中都可以使用。 3. 禁止选取网页内容： - IE使用JavaScript事件处理函数`obj.onselectstart=function(){return false;}`来禁止选中，Firefox则通过CSS `-moz-user-select: none;` 实现相同效果。 4. 滤镜支持： - IE使用`filter`属性实现滤镜效果，如透明度调整`filter: alpha(opacity=10);`，Firefox使用特定前缀`-moz-opacity`，例如`-moz-opacity:.10;`。 5. 事件捕获： - IE使用`obj.setCapture()`和`obj.releaseCapture()`进行事件捕获，Firefox则使用`addEventListener`和`removeEventListener`，并传入第三个参数`true`来开启捕获模式。 6. 获取鼠标位置： - IE中，通过事件对象的`event.clientX`和`event.clientY`获取鼠标坐标，Firefox则需要传递事件对象给函数，然后通过`ev.pageX`和`ev.pageY`获取。 7. 元素边界问题： - IE计算宽度和高度时包括边框，而Firefox不包括，因此在Firefox中，有边框的元素实际大小会比设置的宽高大2像素（边框宽度的两倍）。 8. 判断浏览器类型： - 可以通过`document.all`是否存在来判断是否为IE，若存在则为IE，否则可能为其他浏览器，如Firefox。 9. CSS处理： - 使用`!important`可以为Firefox优先应用CSS规则，如`border-width:0px!important;border-width:1px;`，Firefox会忽略第一个声明，而IE会使用第二个声明。 10. 表单元素访问： - IE支持`document.formName.item("itemName")`和`document.formName.elements["elementName"]`，而Firefox只支持后者。建议统一使用`document.formName.elements["elementName"]`。 11. 集合类对象获取： - IE接受`()`和`[]`来访问集合类对象，Firefox仅接受`[]`。为了兼容，应始终使用`[]`。 12. 自定义属性访问： - IE允许直接通过属性名访问自定义属性，Firefox需要使用`getAttribute()`方法。为保证兼容，推荐使用`getAttribute()`。 13. `eval()`问题： - IE可以通过`eval("idName")`获取ID为`idName`的元素，Firefox不支持这种方式，应使用`document.getElementById("idName")`来获取。 了解这些差异对于开发跨浏览器的Web应用至关重要，确保网站在不同的浏览器环境下都能正常工作。在编写代码时，开发者需要考虑到这些差异，并采取适当的兼容性策略。