XML轻松学习手册(五)-XML语法
第五章:XML实例
一、实例效果展示
通过本实例,您将直观地感受到XML在Web应用中的强大数据操作能力。点击此处,即可在IE5.0及以上版本的浏览器中查看实例效果。
二、实例
1. 定义新标识
我们根据实际的CD数据,创建一个名为
这段DTD代码表示CATALOG元素包含多个CD子元素,而CD子元素又依次包含Title、Artist、Year、Country、Company和Price六个子元素,它们的内容都是文本。
2. 建立XML文档
在定义了以上标识后,我们可以开始创建XML文档。文档的结构应基于我们定义的标识。例如,我们可以创建一个包含多个CD信息的CATALOG文档。每个CD信息都包含其标题、艺术家、年份、国家、公司和价格等信息。这些CD信息可以通过XML的标记进行组织和呈现。
3. 建立相应的HTML文件
接下来,我们需要创建一个HTML文件来展示这个XML文档。在HTML文件中,我们可以使用XML器来读取和XML文档,然后将后的数据以网页的形式展示出来。这样,用户就可以通过浏览器查看和交互这些数据了。
通过这个实例,您可以直观地了解到XML在Web应用中的强大数据操作能力。结合JavaScript和服务器端程序,XML可以实现网络上几乎所有的应用需求。希望这个实例能帮助您对XML有一个更深入的理解。让我们将XML文件(cd.xml)中的数据转化为一个吸引人的HTML页面。由于只有微软的IE5.0以上版本浏览器支持XML的嵌入,我们将采用IE支持的object元素来导入XML数据。以下是我们的任务步骤和相应的HTML代码。
第一步:建立HTML框架
-
```html
CD Collection
Title | Artist | Country | Company | Price | Year |
---|
```
--
```html
xmldso.XMLDocument.load("cd.xml");
function showCDs() {
var CDs = xmldso.XMLDocument.getElementsByTagName("CD"); // 获取所有的CD元素
var i = 0; // 用于遍历CD元素的索引变量
var cdTitle, cdArtist, cdCountry, cdCompany, cdPrice, cdYear; // 用于存储CD信息的变量
为了更好地浏览CD信息,网页上还提供了便捷的操作按钮。你可以通过点击“上一张CD”和“下一张CD”按钮来浏览不同的CD信息。这两个按钮分别通过JavaScript的moveprevious()和movenext()函数实现点击功能。点击“上一张CD”按钮时,页面会带你回到之前的CD信息;点击“下一张CD”按钮时,页面则会跳转到接下来的CD信息。这样的设计让浏览音乐信息变得简单快捷,你可以轻松欣赏到不同的音乐作品。
在HTML文件的头部区域,我们注入了两段JavaScript脚本。这些脚本为浏览CD信息提供了强大的功能。想象一下,你正在浏览一个名为“CD Navigate”的网页,这个页面可以让你轻松浏览CD的详细信息。
这段脚本中的`xmldso.recordset.absoluteposition`和`xmldso.recordset.recordcount`是关键的变量,它们控制着你当前查看的是哪张CD的信息,以及总共有多少张CD。通过这两个变量,我们可以判断你是否在浏览第一张或最后一张CD,从而避免按钮功能出现错误。
简而言之,这个页面为你提供了一个直观的界面,让你轻松浏览CD的详细信息。只需将以上代码保存为“cd.htm”文件,与“cd.xml”文件一同放置,然后在浏览器中打开“cd.htm”,你就能体验到这个便捷的功能了。让你轻松成为CD收藏家,享受浏览的乐趣!回首过去的时光,我们已经走过了XML学习之旅的五大篇章。这五大篇章分别是XML快速入门、XML的概念原理、XML的术语、XML的语法以及精彩纷呈的实例。至此,我们的教程之旅也走到了尾声。在编写这篇教程的过程中,阿捷倾尽全力,将复杂的XML概念用通俗易懂的语言进行阐述,尽己所能将个人对XML的理解分享给大家。由于我学习XML的时间尚短,对整个技术领域的掌握还不够系统和深入,因此难免存在疏漏之处,敬请各位读者多多指正,并予以谅解。在此,我衷心感谢大家的支持与包容。
值得一提的是,本教程还特意为大家带来了一章名为“XML的相关资源”的精彩内容。在这一章中,我们为大家推荐了许多优秀的XML学习资源和学习网站,这些资源将帮助大家继续XML的奥秘,深化对XML的理解。请大家务必保存下来,继续和学习。
如今,随着网络的不断发展,学习资源的丰富度已经达到了前所未有的高度。而XML作为一种重要的数据交换和存储格式,其应用领域广泛,深受开发者喜爱。无论是初学者还是资深开发者,都可以从XML的学习中找到乐趣和挑战。我们鼓励大家继续浏览这些XML的相关资源,深入了解XML的应用和潜力。
(出处:eNet学院)
在这里,我们衷心祝愿每一位读者在XML的学习旅程中取得进步和成就。愿你们在XML的道路上越走越远,不断开拓新的领域,实现自己的梦想。我们也期待听到大家对于本教程的宝贵意见和建议,让我们共同为更好的学习体验而努力。让我们共同期待XML的未来发展,共同迎接新的挑战和机遇。通过cambrian.render('body')的渲染方式,为大家呈现更加生动、丰富的文本内容。
网络推广网站
- XML轻松学习手册(五)-XML语法
- 判断iOS、Android以及PC端的示例代码
- SQL Server 作业同步 (结合备份作业)
- jQuery将表单序列化成一个Object对象的实例
- 使用Bootstrap美化按钮实例代码(demo)
- Zend Framework教程之连接数据库并执行增删查的方法
- 详解jQuery的表单验证插件--Validation
- JSP学习之数据库开发小结
- 如何动态加载外部Javascript文件
- 无限分级和tree结构数据增删改【附DEMO下载】
- ajax分页效果(bootstrap模态框)
- 跟我学习javascript的Date对象
- 关于.NET Framework中的设计模式--应用策略模式为
- js中作用域的实例解析
- Git本地仓库基本操作及技巧
- 浅谈js对象的创建和对6种继承模式的理解和遐想