本章演示一些基于 XML, HTML, XML DOM 和 JavaScript 构建的小型 XML 应用程序。
在本应用程序中,我们将使用 "cd_catalog.xml" 文件。
下面的实例从第一个 CD 元素中获取 XML 数据,然后在 id="showCD" 的 HTML 元素中显示数据。displayCD() 函数在页面加载时调用:
为了向上面的实例添加导航(功能),需要创建 next() 和 previous() 两个函数:
最后的实例展示如何在用户点击某个 CD 项目时显示专辑信息:
尝试一下。
如需了解更多关于使用 JavaScript 和 XML DOM 的信息,请访问我们的 XML DOM 教程。
JavaScript parseFloat() 函数 JavaScript 全局函数定义和用法parseFloat() 函数可解析一个字符串,并返回一个浮点数。该函数指...
JavaScript undefined 属性 JavaScript 全局函数定义和用法undefined 属性用于存放 JavaScript 中未定义的值。浏览器支持 所有主...
JavaScript RegExp * 量词 JavaSript RegExp 对象定义和用法n+ 量词匹配包含零个或多个 n 的任何字符串。语法new RegExp("n*")或...
onplay事件 事件对象实例在视频开始播放时执行 JavaScript :video onplay=myFunction()本文底部包含了更多实例。定义和用法 onpl...
Anchor href 属性 Anchor对象定义和用法 href 属性可设置或返回链接中 href 属性的值。href 属性指定了被链资源的 URL。语法设置...
Video play() 方法 Video 对象实例带有播放和暂停按钮的一段视频:var x = document.getElementById(myVideo); function playVid...
Video addTextTrack() 方法 Video 对象实例向视频添加一个新的文本轨道:varx = document.getElementById(myVideo);var y = x.ad...
Video textTracks 属性 Video 对象实例获得可用文本轨道的数量:var x =document.getElementById(myVideo).textTracks.length;定...
Video audioTracks 属性 Video 对象实例获得可用音轨的数量:var x = document.getElementById(myVideo).audioTracks.length;定...