介绍
这篇文章主要介绍了XML卷之动态分页的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>,强> <强> XML卷之动态分页强>
有2个文件:页面。xml和页面。xsl
作用:
把分页的功能放到客户端。在不刷新页面的情况下对数据进行过滤筛选,有效的提高浏览数据功能的效率,
效果:
浏览这里,
代码:
页面。xml
& lt; ? xml version=?.0“,编码=癵b2312", ?比; & lt; ? xml-stylesheet 类型=拔谋?xsl", href=https://www.yisu.com/zixun/皃ages.xsl”?><队伍> 1 Sailflying 一个简单的分页 2002-1-11 17:35:33 XML专题 团队> <队伍> 2flyingbird 嫁给你,是要你疼的 2001-09-06 12:45:51 灌水精华 团队> <队伍>3 苛子 正则表达式在UBB论坛中的应用 2001-11-23 21:02:16 Web编程精华 团队> <队伍> 4太乙郎 年末经典分舵聚会完全手册v0.1 2000-12-08 10:22:48 论坛灌水区 团队> <队伍> 5mmkk Asp错误信息总汇 2001-10-13 16:39:05 javascript脚本 团队>
页面。xsl
& lt; ? xml version=?.0“,编码=癵b2312", ?比; & lt; xsl: stylesheet xmlns: xsl=癶ttp://www.w3.org/TR/WD-xsl"比; & lt; xsl: template 匹配=?氨? & lt; html> & lt; head> & lt; title>, XML卷之动态分页& lt;/title> & lt; style> 身体,BlueIdea,团队,blue_ID、blue_name blue_text, blue_time, blue_class{,字体:12 px “宋体“,,“Arial",,“Times New Roman",,}, table {,字体大小:12 px;,边界:,0 px 双;,边框颜色:,# 99 cc99 # 99 cc99 # CCCCCC # CCCCCC;,单元格边距:3;单元格间距:3;,告诉我们:继续;,文字修饰:,眨眼}, span {,字体大小:12 px;,颜色:,红色,,} {.keybutton 游标:手;,字体大小:,12 px;,颜色:,# 003300;,背景:,# ffffff;,边界:,0 px 固体;} & lt;/style> & lt; script>, xsl: comment> & lt; & lt; ! [CDATA [, var OnePageNum=2, var PageNum=1, var XMLPageNum=1, function 页面(Num), {, 样式表=document.XSLDocument;,=document.XMLDocument;来源,=source.documentElement.childNodes;节点, len=nodes.length;, (i=1; i<=(len/OnePageNum);我+ +),, XMLPageNum=我,, var firstNum=0, var lastNume=0; if (Num==爸辽稀?,{PageNum=1;}, if (Num==皃revious"), {if (PageNum> 1), PageNum -=1;}, if (Num==皀ext"), {if (PageNum脚本> 头 <身体> XML卷之实战锦囊(3):动态分页
<表一致="中心" width=" 500 ">表> <按钮id=" cmdfirstPage " class=" keybutton " onclick="页面(“第一次”);“>首页按钮 <按钮id=" cmdpreviousPage " class=" keybutton " onclick="页面(以前的);“>上一页按钮 <按钮id=" cmdnextPage " class=" keybutton " onclick="页面(“next”); ">下一页按钮> <按钮id=" cmdlastPage " class=" keybutton " onclick="页面(“最后”);">尾页按钮> 道明>