XML实战秘籍第三卷:动态分页

[导读] 为了方便用户查看大批量数据,我们会用到动态分页,因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是连接到数据库的,每一次点击都必须要后台数据库的支持。这样不但服

为了方便用户查看大批量数据,我们会用到动态分页,因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是连接到数据库的,每一次点击都必须要后台数据库的支持。这样不但服务器的负担加重,而且严重的影响用户浏览的速度.
试想,如果把分页的功能放到客户端,那会产生什么样的效果呢?呵呵,看看下面的设计吧! 。

材料:
xml卷之动态分页
有2个文件:pages.xml 和 pages.xsl

作用:
把分页的功能放到客户端。在不刷新页面的情况下对数据进行过滤筛选,有效的提高浏览数据功能的效率。
效果:
浏览这里
代码:
pages.xml

      1    Sailflying    一个简单的分页    2002-1-11 17:35:33    XML专题        2    flyingbird    嫁给你,是要你疼的    2001-09-06 12:45:51    灌水精华        3    苛子    正则表达式在UBB论坛中的应用    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脚本  

登录后复制

pages.xsl

 XML卷之实战锦囊(3):动态分页body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ font: 12px "宋体", "Arial", "Times New Roman"; } table { font-size: 12px; border: 0px double; border-color: #99CC99 #99CC99 #CCCCCC #CCCCCC; cellpadding:3;cellspacing:3; bgcolor:#eeeeee; text-decoration: blink} span { font-size: 12px; color: red; }.keybutton { cursor:hand; font-size: 12px; color: #003300; background: #ffffff; border: 0px solid;}  <![CDATA[ var OnePageNum=2; var PageNum=1; var XMLPageNum=1; function pages(Num) { stylesheet=document.XSLDocument; source=document.XMLDocument; nodes=source.documentElement.childNodes; len=nodes.length; for(i=1;i1) PageNum -=1;} if (Num=="next") {if (PageNum="+firstNum+" & childnumber(this)  

XML卷之实战锦囊(3):动态分页

     
   
 

 

 
编号姓名主题发表时间归类
=1 & childnumber(this) 

登录后复制

讲解:
1)search.xml 是数据文件,相信大家都不会有问题。
2)search.xsl 是格式文件,有几个地方要注意。

(1)脚本中:

nodes=source.documentElement.childNodes;
作用是:找到所有的节点。nodes.length就是符合条件的总节点数

sortField=document.XSLDocument.selectSingleNode(“//@expr”);
作用是:找到有属性为expr的第一个节点,因此它对应的节点就是
=1 & childnumber(this)
因此在初次onLoad的时候expr的value值是
childnumber(this)=2
关于 > 大家可以在XML的书中找到其它的一些。

参数说明:
OnePageNum:每页显示的数据数
PageNum:当前页数
XMLPageNum:总页数
firstNum:当前页的第一条数据值
lastNum:当前页的最后一条数据值

(2)文本中:

=1 & childnumber(this)
在分页中我们需要输出合适的数据,,因此我们用一个 if 判断条件来控制。
在初始的时候我们要求只输出最前的两个节点的数值。

childnumber(this)
作用:返回当前节点在它的上级节点列表中的编号,列表中的第一个节点默认编号为1。
在分页中我们就是根据节点的编号来判断它属于第几页。
expr
不知道大家发现没有,前两次我们用到的都是 test ,可这个我们用的却是expr。
它们之间有一定的区别,用法也不相同。
expr ── 脚本语言表达式,计算结果为”真”或”假”;如果结果为”真”,且通过test,则在输出中显示其中内容(可省略此项属性)。
test ── 源数据测试条件。


作用是让数据回到最前一页。其它按钮的作用类似。

补充一点: XML例子文件的使用方法

1)将每个例子里的两个文件按照文件名分别保存。
2)用浏览器浏览XML文件即可。这是你会看到效果,应该不错吧!                        

以上就是 XML实战秘籍第三卷:动态分页的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2419030.html

(0)
上一篇 2025年3月3日 02:34:19
下一篇 2025年2月25日 00:33:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • XML实战秘籍第四卷:选单连动

    [导读] 现在我们做个在ie里应用xml的一个小例子:解决双下拉选单的连动问题。大家最常见的可能就是选取省份后改变城市选项的例子了,那我们就来尝试着用xml来完成吧。以前介绍的一些功能我是直接用xml+xsl文件来完成的, 现在我们做个在I…

    编程技术 2025年3月3日
    200
  • 电脑录屏没声音怎么办

    很多时候,在进行 电脑 屏幕录制时,有可能会遇到没有声音的情况。这对于需要录制视频教程、游戏操作或者视频会议的用户来说,会是一个很棘手的问题。那么,当电脑录屏没有声音的时候,我们应该如何解决呢? 推荐大家下载快快声音修复助手!专治各种电脑常…

    2025年3月2日
    200
  • 电脑自带录屏没声音怎么办

    很多人使用 电脑 自带的录屏功能来录制视频教程、游戏实况等内容,但会遇到录屏无声音的问题。这种情况下,你知道如何解决吗?毕竟辛辛苦苦的一番操作,没有达到效果重头再来,真的很悲伤。 其实解决问题并不是没有方法,我们就为大家准备了你们急需的电脑…

    2025年3月2日
    200
  • 夸克浏览器如何开启翻译功能

    夸克浏览器如何开启翻译功能?夸克浏览器之中有着很多便利的服务功能,可以帮助用户们获取到非常快捷的上网浏览服务。我们在使用夸克浏览器访问外文网页的时候,可以通过开启翻译功能的方法,来获得无障碍的访问服务,如果各位不懂的怎么使用翻译功能的话,就…

    2025年3月2日 互联网
    200
  • 夸克浏览器怎么看电影

    使用夸克浏览器观看电影的步骤如下:下载并安装夸克浏览器。在地址栏输入电影名称或使用搜索引擎查找视频。选择要观看的视频并单击“播放”。选择播放器并单击播放按钮开始播放。可选:调整播放设置,例如画质、音量和字幕。 如何使用夸克浏览器观看电影? …

    2025年3月2日
    200
  • 夸克网页版入口 夸克浏览器手机网页版入口

    访问夸克网页版:前往 https://quark.browser.quark.cn/。访问夸克浏览器手机网页版:① 打开手机夸克浏览器;② 点击右上角菜单按钮;③ 选择“网页版”。 夸克网页版入口 夸克资源搜索视频教程:点击进入 如何访问夸…

    2025年3月2日
    200
  • 夸克网页版浏览器入口 夸克浏览器网页版入口网址分享

    夸克网页版浏览器入口地址:https://quark.browser.quark.cn/。这是一款无需下载安装,即可直接在网页上使用的浏览器,具备以下优势:1. 极速浏览;2. 纯净无广告;3. 智能搜索;4. 划词翻译;5. 小工具集成。…

    2025年3月2日
    200
  • 夸克网盘网页版入口地址

    夸克网盘可通过网页版访问,网址为 https://pan.quark.cn/,登录后即可管理文件,包括上传、下载、删除等操作,并可进行文件分类和功能设置,相较移动端应用,网页版提供更大屏幕、更佳体验和跨平台兼容性。 夸克网盘网页版入口地址:…

    2025年3月2日
    200
  • 夸克网盘网页版入口

    夸克网盘网页版入口:https://pan.quark.cn。功能:文件上传、分享、查看、管理、云同步、在线解压。注意事项:注册账户、存储空间限制、内容合规。优势:访问方便、多格式预览、文件同步顺畅、免费存储空间。 夸克网盘网页版入口 夸克…

    2025年3月2日
    200
  • 夸克浏览器在线打开网页版入口

    夸克浏览器网页版入口:https://quark.sm.cn/;功能包括快速浏览、智能搜索、广告拦截等;优点为跨平台访问、无广告干扰、同步数据、多设备使用和操作简单。 夸克浏览器在线打开网页版入口 入口地址: 1、夸克影视在线☜☜☜☜☜点击…

    2025年3月2日
    200

发表回复

登录后才能评论