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小时内删除。