判断是否XML文档

xhtml的昙花一现带来不少问题，它的目的是让html表现得更像xml，所以才叫xhtml。但是出师未捷身先死，我们讨论一下如何判定文档是XML吧。

印象中jQuery对此方法重复实现了许多次，应该比较权威，也说明这判定比较难搞。看jQuery1.42的实现：

var isXML = function(elem){
       // documentElement is verified for cases where it doesn't yet exist
       // (such as loading iframes in IE - #4833)
       var documentElement = (elem ? elem.ownerDocument || elem : 0).documentElement;
       return documentElement ? documentElement.nodeName !== "HTML" : false;
   };

好，做一个实验：

window.onload = function(){
      try{
        var doc = document.implementation.createDocument(null, 'HTML', null);//只限标准浏览器，创建一个XML文档
        alert(doc.documentElement)
        alert(isXML(doc))//应该返回true
      }catch(e){
        alert("不支持creatDocument方法")
      }
  }

另一个实验：

评测结果，它能判定XHTML文档，但无法判定第一个元素为HTML的XML文档。

看来我们需要一些更可靠的特征侦探。我们知道IE的HTML不支持xpath，而XML支持，这个可以利用。对于标准浏览器，参见我另一篇博文《javascript 跨文档调用技术》提到的一系列方法。既然有createHTMLDocument，应该拥有HTMLDocument这个对象，标准浏览器向来比较慷慨，暴露了许多比较底层的方法供我们扩展，如__proto__， Node，Window， Element， HTMLElement什么的。测试一下，真的有这东西。

在火狐官网还看到这样一个判定，这是基于XUL的，仅对火狐有效。

//https://developer.mozilla.org/En/XML/Identifying_XML_elements_and_documents
function isXMLDoc (doc) { 
    var Ci = Components.interfaces;
    // Remove the second condition if only wish to test for XML, not XUL
    return (doc instanceof Ci.nsIDOMXMLDocument)||
           (doc instanceof Ci.nsIDOMXULDocument);
}

不管怎么样，既然获知HTMLDocument这个类，就简单了。下面是我的实现：

var isXML = (function(){
  if(-[1,]){
    return function(doc){
      return  !(doc instanceof HTMLDocument)
    }
  }else{
    return function(doc){
      return "selectNodes" in doc
    }
  }
})();

下面是测试代码：

var createXML = function (str) {
  if (typeof DOMParser !== "undefined") {
    return (new DOMParser()).parseFromString(str, "application/xml");
  }else if (ActiveXObject) {
    var xml = new ActiveXObject("Microsoft.XMLDOM");
    xml.async="false";
    xml.loadXML(str);
    return xml
  }
}
 
window.onload = function(){
  var xml = createXML('<HTML><body><book><title>司徒正美</title></book></body></HTML>');   
  alert(isXML(xml))
}

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=8" http-equiv="X-UA-Compatible"/>
    <title>判断是否为XML by 司徒正美 </title>
    <script type="text/javascript">
     var createXML = function (str) {
        if (typeof DOMParser !== "undefined") {
          return (new DOMParser()).parseFromString(str, "application/xml");
        }else if (ActiveXObject) {
          var xml = new ActiveXObject("Microsoft.XMLDOM");
          xml.async="false";
          xml.loadXML(str);
          return xml
        }
      }

var isXML = (function(){
        if(-[1,]){
          return function(doc){
            return  !(doc instanceof HTMLDocument)
          }
        }else{
          return function(doc){
            return "selectNodes" in doc
          }
        }
      })();

window.onload = function(){
        var xml = createXML('<HTML><body><book><title>司徒正美</title></book></body></HTML>');   
        alert(isXML(xml))
      }
    </script>
  </head>
  <body>

</body>
</html>

可能有人会问，为什么不用XMLDocumet？好问题，因为XMLDocumet在opera中支持得比较晚。大抵是opera9.6才支持，这是我以前在日本博客看到的数据。不过opera是个小众的浏览器，你大可以不管它比较旧的版本，而直接用XMLDocument。

补充一下，我以前是使用以下判定的，一样可行，但是要创建两个元素对象。在IE7中，没有加入DOM树的元素节点不会被回收，需要特殊处理一下，比较麻烦，遂放弃之。

var isXML =  function (doc) {
     return doc.createElement("p").nodeName !== doc.createElement("P").nodeName;
   };

     // Safari 2 missing document.compatMode property
// makes harder to detect Quirks vs. Strict mode
var isQuirks =
  function(document) {
    return (document.compatMode ?
      (document.compatMode.indexOf('CSS') < 0) :
      (function() {
        var div = document.createElement('div'),
          isStrict = div.style &&
            (div.style.width = 1) &&
            div.style.width != '1px';
        div = null;
        return !isStrict;
      })());
  },
 
// XML is functional in W3C browsers
isXML = 'xmlVersion' in doc ?
  function(document) {
    return !!document.xmlVersion ||
      (/xml$/).test(document.contentType) ||
      !(/html/i).test(document.documentElement.nodeName);
  } :
  function(document) {
    return document.firstChild.nodeType == 7 &&
      (/xml/i).test(document.firstChild.nodeName) ||
      !(/html/i).test(document.documentElement.nodeName);
  };
 
// reset and reused dynamically for each selection
isQuirksMode = isQuirks(doc),
 
// reset and reused dynamically for each selection
isXMLDocument = isXML(doc),

function isXML(context) {
      context = context.ownerDocument || document;
      return context.createElement("p").nodeName !== context.createElement("P").nodeName
    }