小编给大家分享一下XML卷之动态排序的示例，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联是一家专业提供铁力企业网站建设,专注与网站制作、成都网站建设、成都h5网站建设、小程序制作等业务。10年已为铁力众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

XML卷之动态排序
有2个文件：paixu.xml 和 paixu.xsl

作用：
在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示，有效的提高数据互动功能，让自己的页面更加绚丽多彩。  
效果：
浏览这里  
代码：
paixu.xml

  
    1
    Sailflying
    一个简单的排序
    2002-1-11 17:35:33
    XML专题
  
  
    2
    flyingbird
    嫁给你，是要你疼的
    2001-09-06 12:45:51
    灌水精华
  
  
    3
    苛子
    正则表达式在ＵＢＢ论坛中的应用
    2001-11-23 21:02:16
    Web 编程精华
  
  
    4
    太乙郎
    年末经典分舵聚会完全手册 v0.1
    2000-12-08 10:22:48
    论坛灌水区
  
  
    5
    mmkk
    Asp错误信息总汇
    2001-10-13 16:39:05
    javascript脚本
  

paixu.xsl

XML卷之实战锦囊（1）：动态排序










编号
姓名
主题
发表时间
归类

讲解：
1）paixu.xml 是数据文件，相信大家都不会有问题。
2）paixu.xsl 是格式文件，有几个地方要注意。  
（1）脚本中：

sortField=document.XSLDocument.selectSingleNode("//@order-by");
作用是：找到有属性为order-by的第一个节点，因此它对应的节点就是

因此在初次onLoad的时候order-by的value值是blue_ID。
而我们就是通过重新定义order-by的value值来达到排序的目的。

Layer1.innerHTML=source.documentElement.transformNode(stylesheet);

作用是：转化XML数据后更改Layer1，因此在传出参数'blue_name'后，

姓名

我们将order-by的value值修改为是'blue_name'，即以'blue_name'为排序方式。
继而通过重新显示Layer1的innerHTML值来显示新的排序内容。

（2）文本中：

order-by
这个可不能少哦，不然就找不到了，效果嘛，你瞧瞧看吧！！

在大多的XML教科书中所显示的代码中很少会加上encoding="gb2312" ，
因此我们在XML中用到中文的时候会报错，原因就是没有写这个申明。

以上是“XML卷之动态排序的示例”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网站栏目：XML卷之动态排序的示例分析
路径分享：http://cdweb.net/article/ijhojs.html