IE与firefox在Javascript上的区别.doc

JavaScript 中，Internet Explorer（IE）和Mozilla Firefox（Firefox）在处理一些特定的API和语法时存在差异，这可能会导致在不同浏览器中代码的行为不一致。以下是一些主要的区别和解决方案： 1. **Document.form.item 问题** - IE 支持 `document.formname.item("itemname")` 的方式来访问表单元素，而 Firefox 不支持。 - 解决方法是使用 `document.formname.elements["elementname"]` 来代替，这种方式在两个浏览器中都有效。 2. **集合类对象问题** - 在 IE 中，你可以使用 `()` 来访问集合对象，例如 `document.forms("formname")`，但在 Firefox 中，应该使用 `[]`，即 `document.forms["formname"]`。 - 同样，获取特定索引的元素时，如 `document.getelementsbyname("inputname")(1)`，应改为 `document.getelementsbyname("inputname")[1]`。 3. **window.event 使用** - IE 中，可以在任何地方使用 `window.event` 来获取当前事件的信息，而 Firefox 中，`event` 对象只能在事件处理函数内部使用。 - 解决这个问题的一个方法是将事件作为参数传递给函数，例如 `<input onclick="gotosubmit(event)">`，然后在函数中处理 `evt` 对象，以确保在两个浏览器中都能正常工作。 4. **html 对象的 id 作为对象名的问题** - IE 允许直接通过元素的 id 作为对象名来访问，如 `myDiv`，而 Firefox 不支持这种做法。 - 解决方法是通过 `document.getElementById("myDiv")` 来获取对象，这是一种标准且在所有现代浏览器中都支持的方法。 5. **兼容性修复代码** - 提供的代码片段展示了如何编写兼容 Firefox 的函数，如 `FixPrototypeForGecko()`，它通过定义 getter 方法来模拟 IE 中的行为。 - `element_prototype_get_runtimeStyle()`、`window_prototype_get_event()` 和 `event_prototype_get_srcElement()` 是用来模拟 `runtimeStyle`、`event` 和 `srcElement` 属性的。 6. **事件监听器** - Firefox 支持 W3C 规范的 `addEventListener`，而 IE 更早版本使用的是 `attachEvent`。 - 为了确保兼容性，你需要根据浏览器类型分别使用这两种方法来添加事件监听器。 7. **其他差异** - 一些 JavaScript 的内置对象、属性和方法在两个浏览器中可能有不同的实现或行为，比如 `Date` 对象、正则表达式等，开发时需要注意这些差异。 为了确保 JavaScript 代码在不同的浏览器中都有良好的兼容性，开发者需要了解并处理这些差异，或者使用像 jQuery、PrototypeJS 等库来抽象这些差异。同时，遵循 W3C 的标准和最佳实践，可以减少兼容性问题的发生。