浏览器兼容性改造之Core Document

1、问题描述

    IE是第一个原生支持XML的浏览器，而这一支持是通过ActiveX对象实现的。为了便于桌面应用程序开发人员处理XML，微软创建了MSXML库；但微软并没有针对JavaScript创建不同的对象，而只是让Web开发人员能够通过浏览器访问相同的对象。因此在IE中要创建一个XML文档实例，也要使用ActiveXObject构造函数并为其传入一个表示XML文档版本的字符串。共有6种不同版本的可供选择（Microsoft.XmlDom、MSXML2.DOMDocument、MSXML2.DOMDocument.3.0、MSXML2.DOMDocument.4.0、MSXML2.DOMDocument.5.0、MSXML2.DOMDocument.6.0），微软只推荐使用MSXML2.DOMDocument.6.0或MSXML2.DOMDocument.3.0；前者是最新最可靠的版本，而后者这是大多数Windows操作系统都支持的版本。可以作为后备版本的MSXML2.DOMDocument，仅在针对IE5.5之前的浏览器开发时才有必要使用。

 

2、解决方案

    DOM2级在document.implemention中引入了createDocument()方法，FireFox、Opera、Chrome和Safari都支持该方法。而IE到IE8仍然还不支持DOM2级规范。DOM2级规范创建新文档需要用到createDocument方法。这个方法接受3个参数：针对文档中元素的namespaceURI、文档元素的标签名、新文档的文档类型。

    如下代码为创建一个空的新的XML文档：
    var doc = document.implementation.createDocument("", "", null);

 

3、参考

    示例代码：

   

function createDocument() {
	if (typeof ActiveXObject !== "undefined") {
		createDocument = function() {
			if (typeof arguments.callee.activeXString != "string") {
				var versions = [ "MSXML2.DOMDocument.6.0", "MSXML2.DOMDocument.3.0", "MSXML2.DOMDocument" ];
				for ( var i = 0, len = versions.length; i < len; i++) {
					try {
						var xmldom = new ActiveXObject(versions[i]);
						arguments.callee.activeXString = versions[i];
						return xmldom;
					} catch (error) {
						// TODO
					}
				}
			}
			return new ActiveXObject(arguments.callee.activeXString);
		};
	} else if (document.implementation && document.implementation.createDocument) {
		createDocument = function() {
			var _XMLDOM = document.implementation.createDocument("", "", null);

			_XMLDOM.parseError = {
				valueOf : function() {
					return this.errorCode;
				},
				toString : function() {
					return this.errorCode.toString()
				}
			};

			_XMLDOM.__initError__();

			_XMLDOM.addEventListener("load", function() {
				this.__checkForErrors__();
				this.__changeReadyState__(4);
			}, false);

			return _XMLDOM;
		};
	} else {
		createDocument = function() {
			throw new Error("No Document object avaliable.");
		};
	}

	return createDocument();
}