javascript - 当属性具有 xlink 命名空间时，Chrome 22 会输出无效的 XML

Question

我有以下最小的 JavaScript 片段:

var xml = '<El a:title="T" a:href="H" xmlns:a="http://www.w3.org/1999/xlink" />';
var dom = new DOMParser().parseFromString(xml, 'text/xml');
xml = new XMLSerializer().serializeToString(dom);

当我在大多数浏览器中执行代码时(只需将其粘贴到浏览器的 JavaScript 控制台中)，解析后序列化的 XML 与原始 XML 等效。例如在 Chrome 8 上我得到:

<El xmlns:a="http://www.w3.org/1999/xlink" a:title="T" a:href="H"/>

但是在 Chrome 22 上，相同的代码片段将 XML 更改为:

<El xmlns:a="http://www.w3.org/1999/xlink" xlink:title="T" xlink:href="H"/>

请注意，title 和 href 属性使用的命名空间前缀 xlink 未在任何地方定义，因此 XML 现在无效。正如您可能想象的那样，这会导致随后尝试使用 XML 的代码出现各种问题。

这是 XMLSerializer 中的错误还是我遗漏了一些有关如何序列化 DOM 的复杂信息？

还有没有人找到一种解决方法，我可以将其放入代码中，而不是使 XML 与使用 xlink 作为 XLink 命名空间前缀的明显偏好相匹配？

更新

我做了一些额外的测试，问题似乎是由于 XMLSerializer 识别 XLink 命名空间并坚持为其输出 xlink 前缀，而没有正确注册该前缀。

所以这个片段工作正常:

var xml = '<El a:title="T" a:href="H" xmlns:a="any-other-namespace-uri" />';
var dom = new DOMParser().parseFromString(xml, 'text/xml');
xml = new XMLSerializer().serializeToString(dom);

因此，我在这里将命名空间 URL 更改为不太知名的内容，并且输出现在有效:

<El xmlns:a="any-other-namespace-uri" a:title="T" a:href="H"/>

以下片段也可以正常工作:

var xml = '<El a:title="T" a:href="H" xmlns:a="http://www.w3.org/2000/xlink" />';
var dom = new DOMParser().parseFromString(xml, 'text/xml');
xml = new XMLSerializer().serializeToString(dom);

因此，在本例中，我们使用 XLink 命名空间的“预期”前缀，然后序列化就不会出现问题:

<El xmlns:a="http://www.w3.org/2000/xlink" a:title="T" a:href="H"/>

Answer 1

我仍然非常确定 Chrome 的 XMLSerializer 中存在错误，很可能是在解决 SVG handling of XLink attributes that Barbarrosa pointed to 时引入的。但鉴于bug report缺乏回应我做到了，我们必须继续前进并解决问题。

我们通过在 documentElement 上调用此函数来解决该问题:

function EnsureXLinkNamespaceOnElement(element)
{
  if (element.nodeType == 1)
  {
    var usesXLinkNamespaceUri = false;
    var hasXLinkNamespacePrefixDefined = false;
    for (var i = 0; i < element.attributes.length; i++) 
    {
      var attribute = element.attributes[i];
      if (attribute.specified)
      {
        if (attribute.name.indexOf("xmlns:xlink") == 0) 
        {
          hasXLinkNamespacePrefixDefined = true;
        } 
        else if (attribute.namespaceURI == "http://www.w3.org/1999/xlink")
        {
          usesXLinkNamespaceUri = true;
        }
      }
    }
    if (usesXLinkNamespaceUri && !hasXLinkNamespacePrefixDefined)
    {
      element.setAttribute('xmlns:xlink', 'http://www.w3.org/1999/xlink');
    }

    for (i = 0; i < element.childNodes.length; i++)
    {
      EnsureXLinkNamespaceOnElement(element.childNodes[i]);
    }
  }
}

该函数只是确保在任何属于 XLink 命名空间的元素上声明 xmlns:xlink 属性。由于该函数遍历树，因此可能非常耗时，因此我仅在 Chrome 版本 22 及更高版本中调用它。

请注意，在大多数情况下，您也可以简单地在文档元素上添加 xmlns:xlink 命名空间，因为它将从那里继承。但在我们的例子中，还有一些其他代码使用正则表达式剥离文档元素，因此我们决定安全起见，只需在可能需要的地方添加该属性即可。

更新(20130324):

bug已在 Chrome Canary 26 中修复并验证。我自己也能够在 25.0.1364.172 m 版本上验证它。