XML 数据岛排序
将XML文件中的数据以一定顺序显示,可以使用样式表单文件XSL和数据岛技术。其中使用XML数据岛技术显示数据,需要在HTML网页中创建JavaScript代码。本练习目的熟悉XML数据岛的树结构(类似于DOM)。其实现步骤如下所示:
(1)分析程序
(2)实现XML文档,此文档继续使用练习1中的XML文档。
(3)创建HTML网页Example11.html。
正则表达式提取中文(4)在Example11.html页面引入XML文件并绑定到具体元素上,其代码为:
<xml id="tab" src="l"></xml>
<table datasrc="#tab" border="1" width="80%">
<tr>
<td> <span datafld="姓名"></span></td>
<td> <span datafld="语文成绩"></span></td>
<td> <span datafld="数学成绩"></span></td>
</tr>
</table>
免费 javascript培训(5)创建表单按钮,其代码为:
<button onclick="sort(tab.documentElement,'语文成绩')" >排序</button>
(6)实现JavaScript函数进行排序,其代码为:
<script language="JavaScript">
function sort(sortNode,sortOn)
description{
var nodes = sortNode.selectNodes("学生");
for (var i = 0; i < nodes.length; i++)
{
var node = nodes[i];
java多态的理解 var rows = node.selectNodes("学生");
for (var n = 0; n < rows.length; n++)
sort(node, sortOn);
var tests = node.parentNode.selectNodes("学生");
for (var nd = 0; nd < tests.length; nd++)
{
var test = tests[nd];
if (test.selectSingleNode(sortOn).text > node.selectSingleNode(sortOn).text)
{
test.parentNode.insertBefore(node,test);
break;
}}
}
单片机自学教程视频教程全集}
</script>
(7)运行。直接双击该文件,会显示如图8-2所示窗口,单击【排序】按钮,会显示如图8-3所示窗口:
html个人网页完整代码顺序
图8-2 排序前数据显示 8-3 排序后数据显示
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论