在IE上开发Javascript的典型原因是什么？

Question

我常常遇到与this post中描述的问题相反的问题。也就是说，我在专为Internet Explorer设计的遗留应用程序中有代码，我需要让它在Firefox中运行。

例如，我最近开发了一款大量使用手动模拟点击事件的应用，如下所示：

select.options[0].click();

...这完全破坏了Firefox中的应用程序。但是你不会在另一个问题的答案中找到这些信息，因为如果你的应用首次针对Firefox，那么你甚至都不会尝试这些信息。

开发人员在迁移到现代浏览器时，还应该更新旧版仅限IE应用程序的其他内容吗？

Answer 1

这是我之前的研究发现的内容。我已经看到每个问题都阻止了真实应用程序在Firefox中运行。请随时编辑。

---

DOM

document.createElement应该只使用标记名称，但IE可以让你 传递任意HTML（带属性等）

• http://msdn.microsoft.com/en-us/library/ms536389(VS.85).aspx

document.getElementById应该只找到具有给定id的元素， 但IE也返回给定name

的元素

• http://msdn.microsoft.com/en-us/library/ms536437(VS.85).aspx

IE为DOM元素创建隐式全局变量，但在Firefox中以这种方式引用元素会产生以下警告：

  

“ID / NAME引用的元素”   全球范围。使用W3C标准   document.getElementById（）代替。“

• http://www.west-wind.com/weblog/posts/677442.aspx
• http://code.google.com/p/fbug/issues/detail?id=853

IE的document.all是文档中所有元素的集合。 Firefox不支持它。

• http://msdn.microsoft.com/en-us/library/ms537434(v=vs.85).aspx

使用innerText属性检索IE中的元素文本。 Firefox调用此属性textContent。

• http://msdn.microsoft.com/en-us/library/ms533899(v=vs.85).aspx

IE允许使用函数语法（即带括号）而不是正常的数组索引语法（即带括号）来引用集合中的项。例如，以下适用于IE：document.forms(0)。 Firefox不支持此用法。

• http://msdn.microsoft.com/en-us/library/ms537457(v=VS.85).aspx

HTMLTableElement rows和cells应该引用HTMLCollections，但是 IE允许它们被称为函数; Firefox没有。

• http://msdn.microsoft.com/en-us/library/ms537484%28VS.85%29.aspx

IE默认insertRow的{​​{1}}为-1;如果省略参数，则会出现Firefox错误。

• http://msdn.microsoft.com/en-us/library/ms536457%28VS.85%29.aspx
• https://developer.mozilla.org/en/DOM/table.insertRow

index属性仅限IE

• http://msdn.microsoft.com/en-us/library/ms534677%28VS.85%29.aspx
• https://developer.mozilla.org/En/DOM/Node.textContent

---

活动

Node.text是一种特定于IE的访问事件信息的方式;不是 Firefox支持。

• http://msdn.microsoft.com/en-us/library/ms535863(v=vs.85).aspx
• http://www.quirksmode.org/js/events_access.html#link3

使用window.event将事件附加到IE中的元素。 Firefox使用attachEvent。另请注意，每个浏览器中的事件名称略有不同。

• http://msdn.microsoft.com/en-us/library/ms536343(v=vs.85).aspx

在IE中，可以从非鼠标事件中获取鼠标位置，但它不在其他浏览器中。此外，IE和Firefox中鼠标坐标属性的名称也不相同。

• http://msdn.microsoft.com/en-us/library/ms533567(v=vs.85).aspx
• http://msdn.microsoft.com/en-us/library/ms533568(v=vs.85).aspx
• http://www.quirksmode.org/js/events_properties.html#position

IE支持addEventListener方法来触发HTML元素上的click事件。 Firefox中没有这样的功能。

• http://msdn.microsoft.com/en-us/library/ms536363(v=vs.85).aspx
• http://lifescaler.com/2008/04/simulating-mouse-clicks-in-javascript/
• http://www.devtoolshed.com/content/fix-firefox-click-event-issue

---

XML

Firefox将文本节点拆分为4096个字符块; IE没有。这个 意味着像onclick这样的东西在IE和Firefox中会有所不同。

• Is there a 4096 character limit for JavaScript XML text nodes?

Internet Explorer定义了childNodes属性 用于检测解析器错误的XMLDocuments。 Firefox使用parseError.errorCode加载包含文档中错误信息的XML文档。

IE忽略XML中的空格; documentElement.nodeName=="parsererror"始终返回第一个 firstChild

• http://www.w3schools.com/dom/prop_element_firstchild.asp
• https://developer.mozilla.org/en/Whitespace_in_the_DOM

ELEMENT_NODE属性仅限IE

• http://www.w3schools.com/dom/prop_node_xml.asp
• http://www.grange.com.br/dicas-tecnicas/40-lotus/345-dom-xml-wrapper-for-javascript

---

进一步阅读

• http://www.reloco.com.ar/mozilla/compat.html
• https://developer.mozilla.org/en/migrate_apps_from_internet_explorer_to_mozilla
• http://www.impressivewebs.com/7-javascript-differences-between-firefox-ie/

Answer 2

你应该注意到微软在创建自己的所有版本时都存在问题，并在自己命名之后。