1.HTML对象的 id 作为对象名的问题
- IE:HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用
- Firefox:不支持
解决方法:使用document.getElementById替代document.all
2.如果控件只有name,没有id, 用getElementById时:
解决方法:所有控件必须设置ID属性
3.Evel:
- IE:支持,利用 eval(idName) 可以取得 id 为 idName 的 HTML 对象
- Firefox:不支持
解决方法:统一使用getElementById(idName) 代替 eval(idName)。
4.Event:
- IE:用全局对象window.event
- Firefox:event只能在事件发生的现场使用,在调用函数时传入event对象
解决方法:使用之前做一下浏览器类型判断,各用各的。
5.对象名称中美元符号‘$’ 改为使用下划线‘_’
6.集合类对象问题
- IE:可以使用()或[]获取集合类对象
- Firefox:只能使用[]获取集合类对象
现有代码中存在许多,不能在 Firefox 下运行
解决方法:统一使用[]获取集合类对象。document.form.item(“itemName”) 这样的语句改为document.form.elements["elementName"]
7.变量名与某 HTML 对象 id 相同的问题
- IE:不能使用与 HTML 对象 id 相同的变量名
- Firefox:可以使用
解决方法:在声明变量时,一律加上 var ,以避免歧义,这样在 IE 中亦可正常运行。此外,最好不要取与 HTML 对象 id 相同的变量名,以减少错误。
8.Event定位问题
- IE:支持event.x 和event.y
- Firefox:支持event.pageX和event.pageY
解决方法,统一使用event.clientX和event.clientY,但是在Firefox中event.clientX 与 event.pageX 有微妙的差别(当整个页面有滚动条的时候),不过大多数时候是等效的。如果要完全一样,可以判断浏览器类型后对应使用。
9.父结点的问题
- IE:parentElement parentElement.children
- Firefox:parentNode parentNode.childNodes
childNodes的下标的含义在IE和Firefox中不同,Firefox使用DOM规范,childNodes中会插入空白文本节点。一般可以通过node.getElementsByTagName()来回避这个问题。
当html中节点缺失时,IE和Firefox对parentNode的解释不同。例如:
<form>
<table>
<input/>
</table>
</form>
- IE:input.parentNode的值为空节点
- Firefox:input.parentNode的值为form
解决方法:Firefox中节点没有removeNode方法,必须使用如下方法 node.parentNode.removeChild(node)
10.const 问题
- IE:不支持 const 关键字。如 const constVar = 32; 在IE中这是语法错误
- Firefox:支持
解决方法:不使用 const ,以 var 代替。
11.body 对象
- IE:在body标签完全被读入之后才存在
- Firefox:在body标签没有被浏览器完全读入之前就存在
12.自定义属性问题
- IE:可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性
- Firefox:只能使用getAttribute()获取自定义属性.
解决方法:统一通过getAttribute()获取自定义属性
13.event.srcElement问题
- IE:even.srcElement
- Firefox:even.target
解决方法:使用时判断浏览器类型,各用各的。
14.模态和非模态窗口
- IE:支持模态和非模态窗口
- Firefox:不支持
解决方法:直接使用window.open(pageURL,name,parameters)方式打开新窗口。如果需要将子窗口中的参数传递回父窗口,可以在子窗口中使用window.opener来访问父窗口。
15.innerText
- IE:innerText
- Firefox:textContent
16.类似 obj.style.height = imgObj.height 的语句
解决方法:统一使用obj.style.height = imgObj.height + ‘px’;
分享到:
相关推荐
### 知识点详解:判断火狐(Firefox)或IE浏览器 在Web开发领域,浏览器兼容性一直是开发者面临的重要问题之一。不同的浏览器对Web标准的支持程度不同,这可能导致同样的网页在不同浏览器中的显示效果存在差异。为了...
由于IE浏览器的某些特性和标准支持与其他现代浏览器存在差异,因此在某些情况下,我们需要在Chrome中通过脚本触发IE浏览器的启动。这个压缩包"谷歌浏览器js打开IE浏览器.rar"提供了一种方法来实现这个功能。 首先,...
在实际应用中,可能还需要处理各种浏览器特有的设置和问题,例如,使用Chrome的隐式等待,设置Firefox的首选项,或解决IE的权限问题。同时,对于不同浏览器,Selenium的行为可能有所不同,因此在编写测试脚本时需要...
为了在IE和Firefox中兼容地访问“float”值,应该在IE浏览器中使用“styleFloat”属性,在Firefox浏览器中使用“cssFloat”属性。 2. 元素的推算样式访问差异 JavaScript通过“object.style.property”句法只能获取...
**问题描述**:IE浏览器支持`innerText`属性来获取和修改元素的文本内容,而Firefox等现代浏览器则使用`textContent`。此外,IE还支持`innerHTML`,但在某些情况下不支持`innerText`。 **解决方案**: - 使用`...
标题中的“Chrme/Firefox浏览器 调用IE打开链接的插件”指的是在非Internet Explorer(IE)浏览器,如Chrome或Firefox中,通过安装特定的插件来实现点击链接时自动用IE浏览器打开的功能。这样的插件允许用户在享受非...
特别是在使用JavaScript编程语言时,IE和Firefox两个浏览器在很多方面的实现都存在差异。本文将详细介绍这些差异并提供相应的解决方法。 1. 关于innerText属性的支持: Firefox浏览器不支持innerText属性,而支持...
JavaScript在Firefox和IE之间的兼容性问题一直是前端开发者面临的一大挑战。由于这两个浏览器内核的不同,导致在处理某些JavaScript特性时存在差异。以下是一些常见的兼容性问题及其解决方案: 1. **Document.form....
对于非IE浏览器,如Firefox、Chrome、Safari、360等,它们不支持ActiveXObject。我们可以使用Blob对象和URL.createObjectURL方法创建一个临时的文件URL,然后创建一个`<a>`标签指向这个URL,模拟点击下载。同时,...
本文件“js在火狐和IE浏览器的差异.zip”着重讨论了JavaScript在Mozilla Firefox(火狐)与Internet Explorer(IE)之间的区别,以下是对这些差异的详细阐述: 1. **DOM操作差异**: - Firefox和IE对Document ...
然而,由于不同的浏览器对JavaScript的支持程度和实现方式存在差异,尤其是Internet Explorer(IE)和Firefox这两款流行浏览器,开发者经常需要面对兼容性问题。以下是一些常见的JavaScript在IE和Firefox上的兼容性...
非IE内核浏览器ActiveX支持插件是一种...综上所述,非IE内核浏览器ActiveX支持插件是一项技术挑战,旨在为用户和开发者提供在非IE浏览器中使用ActiveX控件的可能性,同时也反映了Web技术演进中兼容性和安全性的重要性。
在网页开发过程中,HTML元素的渲染和交互在不同的浏览器间可能存在差异,尤其是Internet Explorer (IE)和Firefox (FF)之间。这些差异主要源于浏览器对HTML、CSS和JavaScript标准的实现不同。以下是一些常见的问题及...
浏览器兼容性问题一直是Web开发中的一个痛点,尤其是在处理IE6和Firefox这两个有着显著差异的浏览器时。以下是对这些兼容性问题的深入分析和解决方案。 首先,我们关注的是IE6中的`a`标签链接问题。在IE6中,如果`a...
虽然IE浏览器在早期对Web标准的支持相对较弱,导致了与Firefox、Chrome等浏览器在页面渲染上存在差异,但在后续版本中,微软逐步加强了对HTML、CSS、JavaScript等标准的支持。尤其是IE9及以后的版本,对现代Web标准...
JavaScript是一种广泛应用于网页开发的脚本语言,但在不同的浏览器中,其执行方式可能存在差异,特别是老版本的Internet Explorer(IE)和Firefox。由于历史原因,IE对某些特性有着独特的实现,而Firefox则遵循更...
在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE(Internet Explorer)和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧,帮助开发者解决常见的CSS兼容...
标题和描述均提到了“IE浏览器和火狐浏览器兼容问题有部分js”,这指向了在Web开发中一个常见的挑战——确保网页在不同浏览器上的表现一致。浏览器兼容性问题主要源于不同浏览器对Web标准(如HTML、CSS和JavaScript...
而在Firefox等其他非IE浏览器中,则支持`textContent`而非`innerText`。因此,在实际开发过程中,为了保证代码的兼容性,我们需要采取一些措施来确保这些属性可以在所有主流浏览器中正常工作。 #### 二、兼容性解决...