xml 应用程序——迹忆客-ag捕鱼王app官网

本章演示一些基于 xml, html, xml dom 和 javascript 构建的小型 xml 应用程序。

xml 文档实例

在本应用程序中，我们将使用 "l" 文件。

在 html div 元素中显示第一个 cd

下面的实例从第一个 cd 元素中获取 xml 数据，然后在 id="showcd" 的 html 元素中显示数据。displaycd() 函数在页面加载时调用：

实例

x=xmldoc.getelementsbytagname("cd");
i=0;
function displaycd()
{
artist=(x[i].getelementsbytagname("artist")[0].childnodes[0].nodevalue);
title=(x[i].getelementsbytagname("title")[0].childnodes[0].nodevalue);
year=(x[i].getelementsbytagname("year")[0].childnodes[0].nodevalue);
txt="artist: "   artist   "
title: "   title   "
year: "  year;
document.getelementbyid("showcd").innerhtml=txt;
}

添加导航脚本

为了向上面的实例添加导航（功能），需要创建 next() 和 previous() 两个函数：

实例

function next()
{ // display the next cd, unless you are on the last cd
if (i0)
{
i--;
displaycd();
}
}

当点击 cd 时显示专辑信息

最后的实例展示如何在用户点击某个 cd 项目时显示专辑信息：

如需了解更多关于使用 javascript 和 xml dom 的信息，请访问我们的 xml dom 教程。