小白教程
所有教程
关于
Search
172.70.179.89
172.70.179.89
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“XML 应用程序”的源代码
本页内容
上一节:
在_HTML_页面中显示_XML_数据
下一节:
XML_命名空间
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:XML 应用程序}}[[Category:xml 教程|17]] = XML 应用程序 = 本章演示一些基于 XML, HTML, XML DOM 和 JavaScript 构建的小型 XML 应用程序。 == XML 文档实例 == 在本应用程序中,我们将使用 [[cd_catalog.xml|"cd_catalog.xml"]] 文件。 == 在 HTML div 元素中显示第一个 CD == 下面的实例从第一个 CD 元素中获取 XML 数据,然后在 id="showCD" 的 HTML 元素中显示数据。displayCD() 函数在页面加载时调用: <sample title="" desc="" lang="xml" hererun="1"> 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 + "<br />Title: " + title + "<br />Year: "+ year; document.getElementById("showCD").innerHTML=txt; } </sample> == 添加导航脚本 == 为了向上面的实例添加导航(功能),需要创建 next() 和 previous() 两个函数: <sample title="" desc="" lang="xml" hererun="1"> function next() { // display the next CD, unless you are on the last CD if (i<x.length-1) { i++; displayCD(); } } function previous() { // displays the previous CD, unless you are on the first CD if (i>0) { i--; displayCD(); } } </sample> == 当点击 CD 时显示专辑信息 == 最后的实例展示如何在用户点击某个 CD 项目时显示专辑信息: 。 如需了解更多关于使用 JavaScript 和 XML DOM 的信息,请访问我们的 [[dom tutorial|XML DOM 教程]]。
返回至“
XML 应用程序
”。
上一节:
在_HTML_页面中显示_XML_数据
下一节:
XML_命名空间