`

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 文档数据检索

    本文阐述了基于XML 的数据检索技术, 并介绍了DOM 对XML 文档的操作。最后通 过例子实现用Javascript 的DOM 对XML 文档节点进行检索, 检索结果用XML 数据岛在HTML 页面 中显示。

    xml实现静态网页读取动态数据

    此资料可以让静态的html页面可以实现像jsp,asp,asp.net,php等动态读取数据的效果,只需用到javascript读取xml里面的数据就可以啦,里面的很多的例子讲说,只要看一遍就会做啦。。。

    js操作xml例子包括对属性的操作

    经常用到对xml的操作,Java里面有dom和dom4j等工具类,但是Javascript就没有,所以自己写了一个,目前算作第一个版本吧。肯定还有很多地方需要改进,如果有需要用的朋友,可以把bug和需要完善改进的地方留言或评论。...

    javascript操作xml(增删改查)例子代码hta版

    注意下面的HTML代码必须保存为后缀名为hta否则当对XML文件进行操作(增删改)的时候就会提示没有权限!!

    JavaScript王者归来part.1 总数2

     12.8.2 如何使用XML DOM--一个利用XML实现多级关联下拉选择框的例子   12.9 总结   第13章 事件处理  13.1 什么是事件   13.1.1 消息与事件响应   13.1.2 浏览器的事件驱动机制   13.2 基本事件处理  ...

    javascript(经典 实用 n多例子大集合)

    javascript(经典 实用 n多例子大集合) 包括上传下载的 字段校验的 google类似功能的 login校验的 读取xml的 等等

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    3.所有XML标记都区分大小写; 4.所有标记的属性必须用""括起来; 所以上列语句在XML中正确的写法是 1. sample 2.&lt; b&gt;&lt; i&gt;sample&lt; /i&gt;&lt; /b&gt; 3.&lt; td&gt;sample 4.&lt; font color="red"&gt;samplar  另外,XML标记必须...

    XML高级编程

    总而言之,我们的显示主线包括:第8章:链接和查询第9章:操作XML 第13章:样式化第14章:WAP 阅读本书前的准备本书假设你已经掌握了一些关于HTML、JavaScript、Java和ASP的知识。如果你不熟悉Java或ASP,它并不会...

    ajax原理简介(包含例子说明)

    AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术 Ajax(Asynchronous JavaScript + XML)的定义 基于web标准...

    XML学习指南 电子书

    不过,本书中介绍的几种有关显示XML文档的技术需要使用下列一种或多种Web创作语言:HTML、动态HTML(DHTML)和Microsoft JScript(普通JavaScript脚本语言的Microsoft版本)。尽管本书在例子中介绍了这些语言的特性...

    XML学习指南经典中文版

    不过,本书中介绍的几种有关显示XML文档的技术需要使用下列一种或多种Web创作语言:HTML、动态HTML(DHTML)和Microsoft JScript(普通JavaScript脚本语言的Microsoft版本)。尽管本书在例子中介绍了这些语言的特性...

    gulp-xml2js:使用gulp将xml文件转换为js(gulpjs.com)

    #gulp-xml2js 使用xml文件编译为javascript(gulpjs.com) 包裹gulp-xml2js 描述使用gulp将xml文件转换为js(gulpjs.com) 节点版本&gt; = 0.9 Gulp版本3.x用法安装npm install gulp-xml2js --save##例子var gulp = ...

    xml2ddl:隐秘xml到ddl文件

    xml2ddl导出一个函数,该函数采用文件名从中读取xml并使用sql命令数组调用回调。 var xml2ddl = require ( 'xml2ddl' ) ; xml2ddl ( filename , [ syntax = 'mysql' , ] callback ) ; 例子 var xml2ddl = require ...

    DWR.xml配置文件说明书(含源码)

    DWR.xml配置文件说明书 1、 建立dwr.xml 配置文件 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行,格式如下: &lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...

    js实现的xml对象转json功能示例

    主要介绍了js实现的xml对象转json功能,结合实例形式分析了javascript转换成xml所涉及的字符串、对象、数组、遍历等操作技巧与使用方法,需要的朋友可以参考下

    XML学习指南

    不过,本书中介绍的几种有关显示XML文档的技术需要使用下列一种或多种Web创作语言:HTML、动态HTML(DHTML)和Microsoft JScript(普通JavaScript脚本语言的Microsoft版本)。尽管本书在例子中介绍了这些语言的特性...

    精通JavaScript

    • 2.14.htm 使用值的数据操作 • 2.15.htm 对数据的引用执行 • 2.16.htm 字符串的比较 第3章(\第3章) • 3.1.htm 表达式示例 • 3.2.htm 加号运算符应用 • 3.3....

Global site tag (gtag.js) - Google Analytics