JavaScript读取XML的小例子

代码中有三种读取方式,针对XML文件中不同存放方式的数据。

页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HandleXML.aspx.cs" Inherits="UI_HandleXML" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>XML操作例</title>
    <script language="javascript" type="text/javascript">
    <!--
        function handleXML()
        {
            var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
           
            xmlDoc.async="false";
            xmlDoc.load("BEYOND.xml");
           
            // <beyond name ="BEYOND" type ="Rock" member ="黄家驹 黄贯中 黄家强 叶世荣">
            var name=xmlDoc.documentElement.selectSingleNode("//bs/beyond/@name").text;
           
            // <jiaju>
            var jiaju = xmlDoc.documentElement.selectSingleNode("//bs/beyond/jiaju").text;
           
            // <song id="01">大地</song>
            var song01 = xmlDoc.documentElement.selectSingleNode("//bs/beyond/song[@id='01']").text;
            var song02 = xmlDoc.documentElement.selectSingleNode("//bs/beyond/song[@id='02']").text;
            var song03 = xmlDoc.documentElement.selectSingleNode("//bs/beyond/song[@id='03']").text;

            document.write("乐队名:<br>");
            document.write(name);
            document.write("<br>");
            document.write("<br>家驹简介:<br>");
            document.write(jiaju);
            document.write("<br>");
            document.write("<br>主要歌曲:<br>");
            document.write(song01);
            document.write("<br>");
            document.write(song02);
            document.write("<br>");
            document.write(song03);
            document.write("<br>");

            return false;
        }
    //-->
    </script>
</head>
<body onload = "return handleXML();">
    <form id="frmXML" runat="server">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="" /></div>
    </form>
</body>
</html>

 XML文件:

 <?xml version="1.0" encoding="utf-8" ?>
<bs>
  <!--beyond : BEYOND乐队
      name    : 乐队名
      type    : 乐队类型
      member  : 乐队成员
      name ="BEYOND" type ="Rock" member ="黄家驹 黄贯中 黄家强 叶世荣"
  -->
  <beyond name ="BEYOND" type ="Rock" member ="黄家驹 黄贯中 黄家强 叶世荣">

    <!--乐队简介-->
    <info>
      BEYOND,香港摇滚乐队,成立于1983年。Beyond获公认为华语乐坛上最成功和最有影响力的乐队之一,Beyond不但在香港、中国内地及台湾均有大量乐迷,即使远在日本、马来西亚等国也有大量的歌迷。黄家驹(Wong Ka Kui,日本发展时曾改日本名Koma)(1962年6月10日——1993年6月30日),籍贯广东台山,中国原创音乐的奠基人之一、香港乐坛的摇滚先驱者。中国摇滚乐坛上的杰出的音乐创作家、作曲家、作词家、爱国主义者、团队领导者;香港著名摇滚乐队BEYOND的主音及吉他手;也是乐队低音吉他手黄家强的二哥。他的吉他水准被公认为香港乐坛的顶尖水平。他所领导的BEYOND乐队是华语歌坛最成功的乐队之一,被誉为香港版的“滚石”,乐评人评论“香港没有摇滚,只有BEYOND!”
      BEYOND乐队在香港乐坛上可以说是一个奇迹。Beyond的音乐至今对中国做乐队的后辈影响都非常大,有不少人曾经说过:“香港没有摇滚,只有 BEYOND”。很显然他们把BEYOND当成了香港摇滚乐的代名词。乐队早期有五位成员,后减为四位,有“披头士”四影子之称。BEYOND唱出了自己的梦想与社会的现实,光这一点就有很多乐队根本就做不到。他们对香港乐坛十分不满,他们曾经说过:“香港没有乐坛,只有娱乐圈!”此外,一提到 BEYOND乐队,人们还会自然而然地跟不死的精神联系在一起。他的音乐精神是不同于当时其他乐队低麋的“期待死亡”末世纪风气,追求积极向上、乐观进取。BEYOND自1983年成立至今得奖无数,有很多首歌曲成为经典歌曲,家喻户晓、久唱不衰。BEYOND乐队的奋斗足迹也是音乐人的榜样。 BEYOND的贡献不止是出众的音乐,他们更是影响了一代人,引领了一个时代!他们是中国乐坛的一个不可超越的奇迹!!!
    </info>

    <!--黄家驹-->
    <jiaju>
      黄家驹(Wong Ka Kui,日本发展时曾改日本名Koma),1962年6月10日—1993年6月30日,籍贯广东台山,是香港著名摇滚乐队Beyond的主唱及吉他手,也是乐队贝司手黄家强的二哥。中五毕业后,曾任职办公室助理、五金、冷气、水电工程、电视台布景员等,甚至加入乐队鼓手叶世荣任职的保险公司作推销员。
    </jiaju>

    <!--黄贯中-->
    <paul>

    </paul>

    <!--黄家强-->
    <jiaqiang>

    </jiaqiang>

    <!--叶世荣-->
    <shirong>

    </shirong>

    <!--刘卓辉-->
    <zhuohui>

    </zhuohui>

    <!--BEYOND主要歌曲-->
    <song id="01">大地</song>
    <song id="02">长城</song>
    <song id="03">海阔天空</song>
    <song id="04">岁月无声</song>
    <song id="05">光辉岁月</song>
    <song id="06">可否冲破</song>
  </beyond>
</bs>
 

运行效果:

JavaScript读取XML的小例子 - BEYONDER - BEYONDER

你可能感兴趣的:(JavaScript,xml,XHTML,asp,音乐)