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의 일부

• Math Markup 언어:

  MathML 버전 2.0

• 확장 가능 마크업 언어(XML):

  XML 1.0, XML의 네임스페이스, XML 문서 1.0과 스타일 시트 연결、XML용 조각 식별자

• :

  XSLT 1.0

• XML 경로 언어:

  >리소스 설명 프레임워크:

  RDF

• Simple Object Access Protocol:

  SOAP 1.1

• ECMA-262 개정 3(JavaScript 1.5):

  ECMA

• 일반적인 크로스 브라우저 코딩 팁

웹 표준이 존재하더라도 서로 다른 브라우저는 정확히 동일하게 동작하지 않습니다(사실 동일한 브라우저라도 서로 다른 플랫폼에서의 동작도 다릅니다). Internet Explorer와 같은 많은 브라우저는 W3C 호환 브라우저에서 널리 지원되지 않은 W3C 이전 API를 여전히 지원합니다. Mozilla와 Internet Explorer의 차이점을 살펴보기 전에 먼저 향후 새 브라우저에 대한 지원을 추가할 수 있도록 웹 애플리케이션을 확장 가능하게 만드는 몇 가지 기본 방법을 살펴보겠습니다.

<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> 메소드를 사용하여 동일한 태그 이름 인용. 이 메소드는 <span style="font-family:NSimsun">document<code><span style="font-family:NSimsun">document</span> 요소에 사용할 수 있는 JavaScript 배열을 반환하며, 다른 노드에서도 사용할 수 있습니다. 해당 하위 트리. DOM 트리의 모든 요소 목록을 얻으려면 <span style="font-family:NSimsun">getElementsByTagName(*)<code><span style="font-family:NSimsun">getElementsByTagName(*)</span>을 사용하세요.

DOM 레벨 1 메소드는 표 1에 나열되어 있으며, 대부분은 요소를 특정 위치로 이동하거나 가시성(메뉴, 애니메이션)을 전환하는 데 사용됩니다. Netscape 4는 <span style="font-family:NSimsun"></span> 태그(Mozilla에서는 지원되지 않음)를 임의로 위치 지정 가능한 HTML 요소로 사용합니다. 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는 <span style="font-family:NSimsun">document.write<code><span style="font-family:NSimsun">document.write</span>, <span style="font-family:NSimsun">document.open과 같은 DOM 레거시 메서드 <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 Core는 일반 문서 인터페이스의 하위 집합을 포함하는 경량 문서인 문서 조각을 도입합니다. 예를 들어 <span style="font-family:NSimsun">getElementById</p>는 없지만 <span style="font-family:NSimsun">appendChild<🎜는 있습니다. > . 기존 문서에 문서 조각을 쉽게 추가할 수 있습니다.

<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...