`

IE和FireFox中常见的不同之处

阅读更多

 

1、定义一个按钮,必须指定其type属性,否则ff会把它当作提交按钮处理(ie默认为button):

<button type=\"button\" id=\"BtnUpload\" name=\"BtnUpload\" disabledx class=\"btn\" onclick=\"UploadFormMgr.UploadFile('');\"> 上传 </button>";

 

2、用parentNode 代替parentElement

ff不支持parentElement,但是ff、ie都支持DOM方式

 

3、用cursor:pointer 替换cursor:hand

定义鼠标经过时显示为“手”状时,经常用cursor:hand,ff中不支持这种写法, cursor:pointer 可以兼容之。

 

4、用脚本定义对齐方式 使用如下方法:

 myrow.cells[i].style.textAlign = "align";

而不是myrow.cells(i).align = "align";

 

5、操作属性时用setAttribute("attName",attValue)、getAttribute("attName"),不要用 .attName 的方式。

 

6、childNodes获取的节点
childNodes的下标的含义在IE和Firefox中不同,Firefox使用DOM规范,childNodes中会插入空白文本节点。
获取子节点时,一般可以通过node.getElementsByTagName()来回避这个问题。

7、removeChild替换removeNode()
Firefox中节点没有removeNode方法,必须使用如下方法
node.parentNode.removeChild(node); 


8、innerText
IE支持,FIREFOX不支持
FF中设置内容文本是用textConent属性.

9、XMLHTTP的区别
FireFox中的创建方法为:
 xmlhttp=new XMLHttpRequest() 
而在IE中为:
 xmlhttp=new ActiveXObject(”Microsoft.XMLHTTP”) 

10、img的src刷新问题
在IE 下可以用 可以刷新图片,但在FireFox下不行。主要是缓存问题,在地址后面加个随机数就解决了:
 myImg.src=this.src+’?'+Math.random();  待续。。

 

11、innerHTML和innerText

IE中innerText可以修改,但是ff中不能修改。

 

 

 

 

 

 

4条经验:

1、在定义 页面元素的时候,如果该页面元素不需要被脚本调用,那么它就不需要定义其name和id属性;
2、如果需要定义页面元素的name,id属性,那么避免不同元素的name和id相同;
3、如果没有特殊需要,尽量让name和id相同,这主要是为了通用
4、在脚本中,获得元素时,尽量用document.getElementById("name / id")  ,能不使用尽量不使用其他的。

 

 

 

 

 

 

分享到:
评论

相关推荐

    让IE和火狐同时兼容

    通过上述这些解决方案,我们可以有效地解决在IE和火狐浏览器中常见的兼容性问题。虽然随着现代Web标准的发展,这些问题已经得到了很大程度上的缓解,但在处理遗留项目或者特定需求时,这些技巧仍然非常有用。

    Javascript的IE和Firefox(火狐)兼容性

    **问题描述**:在IE和Firefox中捕获并处理鼠标移动事件的方式不同。 **解决方案**: - IE通过`setCapture()`和`releaseCapture()`方法。 - Firefox和其他现代浏览器通过`addEventListener()`和`removeEventListener...

    IE和Firefox对JavaScript的兼容

    其次,DOM(Document Object Model)操作是JavaScript中常见的任务,IE和Firefox的DOM API实现也存在差异。IE倾向于使用其特有的ActiveXObject,而Firefox遵循W3C标准。例如,创建XMLHttpRequest对象,IE可能使用`...

    javascript在IE和Firefox中兼容性问题

    本文将深入探讨在IE和Firefox中常见的JavaScript兼容性问题,旨在帮助开发者了解并解决这些差异带来的挑战。 #### 一、DOM元素获取的兼容性差异 1. **`document.all`与`document.getElementsByName`和`...

    ie与火狐中常见的一些兼容问题.doc

    这种方式可以在多种浏览器中通用,包括Internet Explorer(IE)和Firefox。 #### 2. 集合类对象问题 - **现有问题**:使用括号`()`来访问集合类对象中的元素时,IE可以正常解析并执行,但在Firefox中则会报错。 ...

    Javascript的IE和Firefox兼容性参考

    JavaScript是一种广泛应用于网页开发的脚本语言,但在不同的浏览器中,其执行方式可能存在差异,特别是老版本的Internet Explorer(IE)和Firefox。由于历史原因,IE对某些特性有着独特的实现,而Firefox则遵循更...

    IE与火狐常见的区别

    了解不同浏览器之间的差异至关重要,尤其在处理Internet Explorer(IE)与Mozilla Firefox(火狐)时,由于两者对某些CSS属性和HTML标签的支持程度不同,开发者常需采取特定策略以确保网页在各种浏览器中的兼容性和...

    IE与Firefox的事件区别

    在不同的浏览器环境下,事件处理的实现机制有所差异,尤其是在Internet Explorer(IE)和Firefox之间。本文将深入探讨这些差异,以帮助开发者更好地理解和解决跨浏览器的兼容性问题。 首先,我们要了解事件流的概念...

    CSS hack 针对IE6,IE7,firefox显示不同效果

    针对IE6、IE7和Firefox显示不同效果的CSS hack是前端开发中常见的需求,特别是在使用CSS+DIV布局时。本文将详细讲解如何使用CSS hack来区分这三种浏览器,并提供一些实用的技巧和方法。 首先,我们需要了解IE6、IE7...

    IE与Firefox的CSS兼容大全

    在网页设计中,CSS(层叠样式表)的兼容性是一个关键问题,特别是对于历史悠久的Internet Explorer(IE)和相对现代的Firefox浏览器。由于这两者对CSS标准的解析方式不同,开发者经常面临兼容性挑战。以下是一些针对...

    Javascript的IE和Firefox兼容性问题集合

    以下是一些常见的JavaScript在IE和Firefox上的兼容性问题及其解决策略: 1. **事件处理**:IE使用attachEvent方法添加事件监听器,而Firefox则使用addEventListener。为确保兼容,可以创建一个跨浏览器的事件处理...

    css兼容性(IE 和 firefox)技巧大全.doc

    在网页设计中,CSS(层叠样式表)的兼容性问题常常困扰着开发者,尤其是在处理IE(Internet Explorer)和Firefox这两个浏览器之间的差异时。本文主要针对这些差异提供了一些实用的技巧,帮助开发者解决常见的CSS兼容...

    浏览器兼容(支持IE和firefox)

    浏览器兼容性问题一直是Web开发中的一个痛点,尤其是在处理IE6和Firefox这两个有着显著差异的浏览器时。以下是对这些兼容性问题的深入分析和解决方案。 首先,我们关注的是IE6中的`a`标签链接问题。在IE6中,如果`a...

    获取Firefox火狐和所有IE核心浏览器。

    程序支持下述9种常见浏览器: 默认IE 360浏览器 腾讯TT 傲游 Avant Browser 世界之窗 GB绿色浏览器 MY IE 极速浏览器 另外还支持Firefox火狐浏览器URL的获取,效果极佳。 说明一点,这是delphi 7 开发的绿色软件。

    IE和FireFox的CSS兼容

    在前端开发中,CSS兼容性是一个常见的挑战,尤其是在处理IE和Firefox这两个浏览器时。由于它们对CSS标准的实现存在差异,导致在不同浏览器下显示的效果可能不尽相同。以下是一些关键点,帮助开发者理解和解决这些...

    Mozzila Firefox与IE的兼容问题

    Mozzila Firefox与IE的兼容问题是Web开发中常见的问题,因为这两个浏览器在解析HTML、CSS和JavaScript时有着不同的实现机制。以下是IE和Firefox之间的一些常见的兼容问题: 1. Document.Form.Item 问题 在IE中,...

    IE和Firefox的鼠标滚轮事件JavaScript代码

    1. **事件对象的差异**:IE和Firefox中,用于获取鼠标滚轮滚动方向的属性不同。 - 在IE中,使用 `event.wheelDelta` 来表示滚轮的变化量。 - 在Firefox中,则使用 `event.detail`。 2. **兼容性处理方案**:通过...

    兼容IE和firefox的弹出层.zip

    IE和Firefox在处理CSS、JavaScript和DOM等方面存在差异,这导致了在这些浏览器中实现相同效果的代码可能需要不同的处理方式。尤其是IE,尤其是早期版本,对于标准HTML和CSS的支持较差,而Firefox则更倾向于遵循W3C...

Global site tag (gtag.js) - Google Analytics