IBM 公式情報によると、アプリケーションは Internet Explorer から Mozilla に移行されます

Netscape が最初に Mozilla ブラウザを開発したとき、W3C 標準をサポートすることを賢明に決定しました。したがって、Mozilla は Netscape Navigator 4.x および Microsoft Internet Explorer のレガシー コードと完全な下位互換性を持っていません。たとえば、後で説明するように、Mozilla は <span style="font-family:NSimsun"></span> をサポートしません。 Internet Explorer 4 これらのブラウザは、W3C 標準の概念が存在する前に構築され、多くの特徴を継承しています。この記事では、Internet Explorer や他のレガシー ブラウザに強力な HTML 下位互換性機能を提供する Mozilla の特別なモードについて説明します。

当時 W3C には対応する標準が存在しないため、XMLHttpRequest やリッチ テキスト編集など、Mozilla がサポートする非標準テクノロジについても説明します。これらには、

• HTML 4.01 および XHTML 1.0/1.1

• カスケード スタイル シート (CSS):

  CSS レベル 1、CSS レベル 2 および CSS レベル 3 部分。

• ドキュメント オブジェクト モデル (DOM):

  DOM レベル 1、DOM レベル 2および DOM レベル 3 の一部

• 数学マークアップ言語:

  MathML バージョン 2.0

• 拡張マークアップ言語 (XML):

  XML 1.0、XML の名前空間、スタイル シートと XML ドキュメントの関連付け 1.0、XML のフラグメント識別子

• :

  XSLT 1.0

• XML パス言語:

  >リソース記述フレームワーク:

  RDF

• 簡易オブジェクト アクセス プロトコル:

  SOAP 1.1

• ECMA-262 リビジョン 3 (JavaScript 1.5):

  ECMA

• 一般的なクロスブラウザー コーディングのヒント

Web 標準は存在しますが、異なるブラウザはまったく同じ動作をするわけではありません (実際、同じブラウザでも異なるプラットフォームでの動作は異なります)。 Internet Explorer などの多くのブラウザは、W3C 準拠のブラウザでは広くサポートされていない W3C 以前の API を依然としてサポートしています。 Mozilla と Internet Explorer の違いを詳しく説明する前に、将来的に新しいブラウザーのサポートを追加できるように、Web アプリケーションを拡張可能にする基本的な方法をいくつか説明します。

<span style="font-family:NSimsun">if() else()</span>

 . . . 

var elm; 

if (ns4) 
 elm = document.layers["myID"]; 
else if (ie4) 
 elm = document.all["myID"];

新しいブラウザーの再コーディングを回避する最も簡単な方法は、関数を抽象化することです。ネストされた <span style="font-family:NSimsun">if() else()<br/> ブロックを使用しないでください。共通のタスクを別の関数に抽象化すると、効率が向上します。これにより、コードが読みやすくなるだけでなく、新しいクライアント サポートの追加も簡単になります:

上述代码仍然存在浏览器嗅探 或者检测用户使用何种浏览器的问题。浏览器嗅探一般通过用户代理完成，比如：

 
 Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.5) Gecko/20031016

虽然使用用户代理来嗅探浏览器提供了所用浏览器的详细信息，但是出现新的浏览器版本时处理用户代理的代码可能出错，因而需要修改代码。

如果浏览器的类型无关紧要（假设禁止不支持的浏览器访问 Web 应用程序），最好通过浏览器本身的能力来嗅探。一般可以通过测试需要的 JavaScript 功能来完成。比如，与其使用：

 
 if (isMozilla || isIE5)

不如用：

 
 if (document.getElementById)

这样不用任何修改，在其他支持该方法的浏览器如 Opera 或 Safari 上也能工作。

但是如果准确性很重要，比如要验证浏览器是否满足 Web 应用程序的版本要求或者尝试避免某个 bug，则必须使用用户代理嗅探。

JavaScript 还允许使用内嵌条件语句，有助于提高代码的可读性：

 
 var foo = (condition) ? conditionIsTrue : conditionIsFalse;

比如，要检索一个元素，可以用如下代码：

 function getElement(aID){ 
 return (document.getElementById) ? document.getElementById(aID)
          : document.all[aID];
}

回页首

Mozilla 和 Internet Explorer 的区别

首先讨论 Mozilla 和 Internet Explorer 在 HTML 行为方式上的区别。

工具提示

遗留浏览器在 HTML 中引入了工具提示，在链接上显示 <span style="font-family:NSimsun">alt</span> 属性作为工具提示的内容。最新的 W3C HTML 规范增加了 <span style="font-family:NSimsun">title</span> 属性，用于包含链接的详细说明。现代浏览器应该使用 <span style="font-family:NSimsun">title</span> 属性显示工具提示，Mozilla 仅支持用该属性显示工具提示而不能用 <span style="font-family:NSimsun">alt</span> 属性。

实体

HTML 标记可以包含多种实体，W3 标准体 专门作了规定。可以通过数字或者字符引用来引用这些实体。比如，可以用 #160 或者等价的字符引用 <span style="font-family:NSimsun"> </span> 来引用空白字符 <span style="font-family:NSimsun"> </span>。

一些旧式浏览器，如 Internet Explorer，有一些怪异的地方，比如允许用正常文本内容替换实体后面的分号（<span style="font-family:NSimsun">;</span>）：

 
 &nbsp Foo 
 &nbsp&nbsp Foo

Mozilla 将把上面的 <span style="font-family:NSimsun">&nbsp</span> 呈现为空格，虽然违反了 W3C 规范。如果后面紧跟着更多字符，浏览器就不能解析 <span style="font-family:NSimsun">&nbsp</span>，如：

 
 &nbsp12345

这样的代码在 Mozilla 中无效，因为违反了 W3 标准。为了避免浏览器的差异，应坚持使用正确的形式（<span style="font-family:NSimsun"> </span>）。

回页首

DOM の違い

ドキュメント オブジェクト モデル (DOM) は、ドキュメント要素を含むツリー状の構造です。これは、W3C が標準を定めている JavaScript API を介して操作できます。ただし、W3C 標準化の前に、Netscape 4 と Internet Explorer 4 はこの API を同様の方法で実装していました。 Mozilla は、W3C 標準でサポートされていないレガシー API のみを実装します。

要素へのアクセス

要素の参照はブラウザ間で取得されないため、取得する必要があります。 < code>document.getElementById(aID)<span style="font-family:NSimsun">document.getElementById(aID)</span> を使用します。このメソッドは Internet Explorer 5.5、Mozilla で使用でき、DOM レベルの一部です。 1仕様。

Mozilla は、<span style="font-family:NSimsun">document.elementName<code><span style="font-family:NSimsun">document.elementName</span> を介した要素へのアクセス、さらには要素名による要素へのアクセスをサポートしていませんが、Internet Explorer はメソッド ( 世界的な名前空間汚染としても知られています)。 Mozilla は、Netscape 4 の <span style="font-family:NSimsun">document.layers<code><span style="font-family:NSimsun">document.layers</span> メソッドと Internet Explorer の <span style="font-family:NSimsun " もサポートしていません。 >document.all<code><span style="font-family:NSimsun">document.all</span> メソッド。要素を取得するための <span style="font-family:NSimsun">document.getElementById<code><span style="font-family:NSimsun">document.getElementById</span> に加えて、<span style="font-family:NSimsun">document .layers <code><span style="font-family:NSimsun">document.layers</span> と <span style="font-family:NSimsun">document.all<code><span style="font-family:NSimsun">document.all</span> は、特定のタグ名を持つすべてのドキュメント要素のリストを取得します。たとえば、すべての < code><span style="font-family:NSimsun"></span>

<code><br/>

要素。

W3C DOM レベル 1 <span style="font-family:NSimsun">getElementsByTagName()<code><span style="font-family:NSimsun">getElementsByTagName()</span> メソッドを使用して、同じタグ名引用。このメソッドは JavaScript で配列を返します。この配列は <span style="font-family:NSimsun">document<code><span style="font-family:NSimsun">document</span> 要素に使用でき、また、他のノードで使用して、対応するサブツリー。 DOM ツリー内のすべての要素のリストを取得するには、<span style="font-family:NSimsun">getElementsByTagName(*)<code><span style="font-family:NSimsun">getElementsByTagName(*)</span> を使用します。

DOM レベル 1 メソッドを表 1 に示します。そのほとんどは、要素を特定の位置に移動したり、その表示 (メニュー、アニメーション) を切り替えたりするために使用されます。 Netscape 4 は、任意に配置可能な HTML 要素として <span style="font-family:NSimsun"></span> タグ (Mozilla ではサポートされていません) を使用します。 Mozilla では、<span style="font-family:NSimsun"></span>

<code><br/>

タグの位置を使用します。これらは Internet Explorer でも使用され、HTML 仕様に含まれています。

表 1. 要素へのアクセスに使用されるメソッド

遍历 DOM

Mozilla 通过 JavaScript 支持遍历 DOM 树的 W3C DOM API（如表 2 所示）。文档中每个节点都可使用这些 API 方法，可以在任何方向上遍历树。Internet Explorer 也支持这些 API，还支持原来用于遍历 DOM 树的 API，比如 <span style="font-family:NSimsun">children</span> 属性。

表 2. 用于遍历 DOM 的方法

Internet Explorer 有一种非标准的特殊行为，这些 API 很多跳过（比如）新行字符生成的空白文本节点。Mozilla 则不跳过，因此有时候需要区分这些节点。每个节点都有一个 <span style="font-family:NSimsun">nodeType</span> 属性指定了节点类型。比如，元素节点类型是 1，文本节点是 3，而注释节点是 8。仅处理元素节点最好的办法是遍历所有子节点，然后处理那些 nodeType 为 1 的节点：

 
 HTML:Test 
 cJavaScript: 
 var myDiv = document.getElementById("foo"); 
 var myChildren = myXMLDoc.childNodes; 
 for (var i = 0; i < myChildren.length; i++) { 
  if (myChildren[i].nodeType == 1){ 
  // element node
  }
 }

コンテンツの生成と操作

Mozilla は、コンテンツへの動的追加をサポートしています。 DOM レガシー メソッド (<span style="font-family:NSimsun">document.write<code><span style="font-family:NSimsun">document.write</span>、<span style="font-family:NSimsun">document.open など) <code><span style="font-family:NSimsun">document.open</span> と <span style="font-family:NSimsun">document.close<code><span style="font-family:NSimsun">document.close</span>。 Mozilla は、基本的にどのノードでも動作する Internet Explorer の <span style="font-family:NSimsun">InnerHTML<code><span style="font-family:NSimsun">InnerHTML</span> メソッドもサポートしています。ただし、<span style="font-family:NSimsun">OuterHTML<code><span style="font-family:NSimsun">OuterHTML</span> (要素の周囲にタグを追加します。標準には同等のメソッドはありません) と <span style= は"font-family:NSimsun">innerText<code><span style="font-family:NSimsun">innerText</span> (ノードのテキスト値を設定します。Mozilla では、<span style="font-family:NSimsun">textContent<) を使用できます。 🎜>)。 <span style="font-family:NSimsun">textContent</span>

表 3. コンテンツを操作するための Mozilla メソッド

ドキュメント スニペット

<span style="font-family:NSimsun">getElementById</span><span style="font-family:NSimsun">appendChild</span>パフォーマンス上の理由から、既存のドキュメントの DOM を処理する代わりに、メモリ内にドキュメントを作成することができます。 DOM レベル 1 コアでは、一般的なドキュメント インターフェイスのサブセットを含む軽量ドキュメントであるドキュメント フラグメントが導入されています。たとえば、<span style="font-family:NSimsun">getElementById</p> はありませんが、<span style="font-family:NSimsun">appendChild<🎜 はあります。 ></コード> 。既存のドキュメントにドキュメントのスニペットを追加するのは簡単です。 <p><code><span style="font-family:NSimsun">document.createDocumentFragment()</span>Mozilla は <span style="font-family:NSimsun">document.createDocumentFragment()</p> を使用してドキュメント フラグメントを作成します。このメソッドは空のドキュメント フラグメントを返します。

回页首

<🎜>戻るページの先頭

JavaScript 差异

Mozilla 和 Internet Explorer 的多数差异都和 JavaScript 有关。但问题通常源自浏览器向 JavaScript 公开的 API，比如 DOM 钩子。两种浏览器在核心 JavaScript 上区别不大，遇到的问题通常和时间有关。

JavaScript date 差异

<span style="font-family:NSimsun">Date</span> 惟一的区别是 <span style="font-family:NSimsun">getYear</span> 方法。根据 ECMAScript 规范（这是 JavaScript 所遵循的规范），该方法没有解决千年问题，在 2004 年运行 <span style="font-family:NSimsun">new Date().getYear()</span> 将返回“104”。根据 ECMAScript 规范，<span style="font-family:NSimsun">getYear</span> 返回的年份减去 1900 最初是为了在 1998 年返回“98”。ECMAScript Version 3 废止了 <span style="font-family:NSimsun">getYear</span>，用 <span style="font-family:NSimsun">getFullYear()</span> 代替。Internet Explorer 修改了 <span style="font-family:NSimsun">getYear()</span> 使其和 <span style="font-family:NSimsun">getFullYear()</span> 类似，消除了千年问题，而 Mozilla 坚持采用标准的行为方式。

JavaScript 执行差异

不同的浏览器执行 JavaScript 的方式是不同的。比如，下列代码假设 <span style="font-family:NSimsun">script</span> 块执行的时候 <span style="font-family:NSimsun">p</span> 节点已经存在于 DOM 中：

 ...Loading...