[HOW TO] 如何在Mozilla Gecko 用Javascript加载…

2008-02-23 09:14:45来源：互联网阅读 ()

先看效果。 Click Here To View

在Mozilla Develop Center里，我们可以看到有以下的文章：http://developer.mozilla.org/en/docs/The_XSLT/JavaScript_Interface_in_Gecko:Basic_Example
首先，你需要了解如何动态载入XML文件的方法，可以用XMLDOM对象，也可以用XMLHttpRequest，的responseXML对象，这里我用的是XMLHttpRequest。

用JavaScript载入xslt的方法如下：
1。用XMLDOM或者用XMLHttpRequest来加载xml和xslt。
2。用XSLTProcessor.importStylesheet来引入XSLT。
3。用XSLTProcessor.transformToFragment方法来把它转换成DOM的Fragment。然后用appendChild或者用insertBefore等方法来追加或者插入这个DOM的fragment元素。
示例代码

var ownerDocument = document.implementation.createDocument("", "test", null);
var newFragment = processor.transformToFragment(domToBeTransformed, ownerDocument);

当然也可以用transformToDocument
var newDocument = processor.transformToDocument(domToBeTransformed);
需要注意的是，转换后的节点是Element或者是一个片段，所以要经过下面的序列化才可使用obj.innerHTML=new Document
4。序列化。

(new XMLSerializer()).serializeToString(newDocument)

5。在IE中，可以用XMLDOM方法，xmldoc.transformNode(xslDocument)方法来进行接的转换。

首先，我们先建立一个XML文件与XSLT文件，方便后面的讲解。
foo.xml