Javascript XSLT 处理XML文件(IE and Firefox)

chenlb

浏览: 696736 次
性别:
来自: 杭州

最近访客更多访客>>

liyaofeng

shi007

jiduoduo

andreaguo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

HTML

IE XML Firefox JavaScript XSL

javascript xslt 处理xml备忘录。支持firefox。
参考：
w3school XSLT - 客户端 http://www.w3school.com.cn/xsl/xsl_client.asp
如何使用Javascript XSLT 处理XML文件 http://java.chinaitlab.com/advance/533787.html

1.xml文件，cdcatalog.xml

<?xml version="1.0" encoding="ISO-8859-1"?>

<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <company>Columbia</company>
        <price>10.90</price>
        <year>1985</year>
    </cd>
    <cd>
        <title>Hide your heart</title>
        <artist>Bonnie Tyler</artist>
        <country>UK</country>
        <company>CBS Records</company>
        <price>9.90</price>
        <year>1988</year>
    </cd>
</catalog>

2.xsl文件，cdcatalog.xsl

<?xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method='html' version='1.0' encoding='UTF-8' indent='yes'/>

<xsl:template match="/">
  <html>
  <body>
  <h2>My CD Collection</h2>
    <table border="1">
      <tr bgcolor="#9acd32">
        <th align="left">Title</th>
        <th align="left">Artist</th>
      </tr>
      <xsl:for-each select="catalog/cd">
      <tr>
        <td><xsl:value-of select="title"/></td>
        <td><xsl:value-of select="artist"/></td>
      </tr>
      </xsl:for-each>
    </table>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

3.html文件，index.html

<html>
<body>

<script type="text/javascript">
var xml;
var xsl;
if(typeof window.ActiveXObject != 'undefined') {
    xml = new ActiveXObject("Microsoft.XMLDOM");
    xsl = new ActiveXObject("Microsoft.XMLDOM");
} else if(document.implementation && document.implementation.createDocument) {    //mozilla
    xml = document.implementation.createDocument("", "", null);
    xsl = document.implementation.createDocument("", "", null);
}
// Load XML

xml.async = false;
xml.load("cdcatalog.xml");

// Load XSL

xsl.async = false;
xsl.load("cdcatalog.xsl");

// Transform

if(typeof window.ActiveXObject != 'undefined') {
    document.write(xml.transformNode(xsl));
} else if(document.implementation && document.implementation.createDocument) {    //mozilla
    var xsltProcessor = new XSLTProcessor();
    xsltProcessor.importStylesheet(xsl);
    // transformToDocument方式
    var result = xsltProcessor.transformToDocument(xml);
    var xmls = new XMLSerializer();
    document.write(xmls.serializeToString(result));
}

</script>

</body>
</html>

分享到：

博客搬家到javaeye | [原]自己实现的优先队列 PriorityQueue

2008-05-18 19:02
浏览 1879
评论(0)
论坛回复 / 浏览 (0 / 3000)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论