XML和JavaScript-续1

原创 2007年09月27日 19:24:00
    编写好首页后,开始编写查询模块的页面,首先我们编写view0.html网页,打开记事本,在里面输入下列代码:
实例代码11-14
<HTML>
<head>
<title>查询显示页面</title>
  <script language = "JavaScript">
      function ViewRecords()
         {
              products.dataPageSize=items.value;
               products.firstPage();
         }
      function FirstPage()
         {
               products.firstPage();
          }
     function NextPage()
         {
             products.nextPage();
        }
     function LastPage()
        {
            products.lastPage();
         }
     function PrevPage()
        {
           products.previousPage();
        }
  </script>
</head>
<body bgcolor="aqua">
     <h1 align=center>
     <xml id="dos" src="Client.xml"></xml>
     <center>
         <input type="button" value="第一页" onclick="FirstPage()">
         <input type="button" value="上一页" onclick="PrevPage()">
         <input type="button" value="下一页" onclick="NextPage()">
         <input type="button" value="最后一页" onclick="LastPage()">
         <BR></BR>
         请输入一页中要查看的记录数:<input type="text" maxlength="1" size="2" id="items" name="na1">
          <input  type="button" value="查看" onclick="ViewRecords()">
    <table id="products" border=2 width="80%" datasrc="#dos">
      </center>
      <thead>
         <th>客户姓名</th>
         <th>客户住址</th>
         <th>联系方式</th>
         <th>客户爱好</th>
         <th>客户职业</th>
      </thead>
      <tr>
         <td><span datafld="客户姓名"></span></td>
         <td><span datafld="客户住址"></span></td>
         <td><span datafld="联系方式"></span></td>
         <td><span datafld="客户爱好"></span></td>
         <td><span datafld="客户职业"></span></td>
     </tr>
   </table>
</body>
</HTML> 
 
 
    将该文件保存,文件名为view0.html,该文件保存的位置在Example文件夹下。在代码中嵌入了JavaScript脚本程序,在脚本中创建了四个函数,用来完成分页显示并可以指定显示记录数目的功能。首先使用数据岛技术在html代码中绑定一个XML文件,即刚才用model1.jsp生成的“Client.xml”文件,使用“<table id="products" border=2 width="80%" datasrc="#dos">“把数据岛对象dos和表格绑定,在这里并为表格指定了一个id名称products,JavaScript就是通过这个id名称来操作绑定在html里面的数据。
若在“view.jsp”中单击【显示全部信息】按钮,就显示一个如图11-30窗口,
 
图11-30  【XML数据信息显示】窗口
 
    在该窗口中会把XML文档里面的数据以指定的样式全部显示出来,这时在“请输入一页中要查看的记录数”文本框中输入要查看的页数,如2页,单击查看【会显】按钮,会显示如图所示11-31所示的窗口,
 
图11-31  【指定记录数显示】窗口

Word中文续表(如“续表一”)解决方案

http://club.excelhome.net/forum.php?mod=viewthread&tid=348401&jdfwkey=ok33j3 在中文文档中应用长表格时,通常在“第二页...
  • fengjiexyb
  • fengjiexyb
  • 2014年08月27日 13:38
  • 1427

继电器与续流二极管

转自:http://liuyunfeng484.blog.163.com/blog/static/6683171520127219531631/ 在电路中反向并联在继电器或电感线圈的两端,当电感...
  • yc550370460
  • yc550370460
  • 2013年01月21日 10:20
  • 1789

java--IO流-文件的续写

/* 文件续写 */ import java.io.*; //导入IO包 class FileWriterDemo3 { public static void main...
  • qiuxuewei2012
  • qiuxuewei2012
  • 2013年08月10日 10:49
  • 2261

Javascript-基础知识(1)

1) 区分大小写: text 和 Text 是两种不同的标识符 2)注释 : 用途:1.对代码进行说明,2.调试 3)字面量   字面量界面上直接显示处理的:字符串,布尔值 正则表达式 null(对...
  • LABLENET
  • LABLENET
  • 2015年08月02日 19:38
  • 415

JavaScript-面向对象(1)

ECMA-262 把对象定义为 无序属性的集合,其属性可以包含基本值、对象或者函数。 即对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正因为这样,...
  • zifangz
  • zifangz
  • 2015年05月13日 10:46
  • 121

JavaScript-简单语法1

JavaScript /* document.write(" hello world!");//相当于System.out.println() document.write(" hel...
  • qq418280718
  • qq418280718
  • 2017年05月16日 22:42
  • 100

JavaScript-基础语法(1)

JavaScript概述 JavaScript是基于对象和事件驱动的脚本语言,主要应用于客户端 JavaScript特点: 1.交互性(信息动态交互) 2.安全性(不允许直接访问本地硬盘) 3.跨...
  • u013497151
  • u013497151
  • 2014年11月24日 18:43
  • 1433

C++续行符(反斜杠符号)

原文:http://blog.csdn.net/zhu2695/article/details/9152069 参考一: 由于最近好几次碰到反斜杠,不明白是什么意思,后来查了下...
  • tutuzhuz
  • tutuzhuz
  • 2015年01月09日 16:58
  • 2565

mongodb 使用sort时的索引利用问题探究

在实际操作mongodb的过程中,发现将find与sort结合使用时,mongodb优先使用sort查询条件可以利用的索引,只有当sort查询条件没有索引可用时,才尝试利用find查询条件中的索引。...
  • u010205879
  • u010205879
  • 2016年03月09日 14:06
  • 1345

已知二叉树的前序和中序序列,构建二叉树并求后序序列,java实现。

已知二叉树的前序和中序序列,或者已知二叉树的后序和中序序列,是能够唯一确定一棵二叉树的。但是如果仅知道二叉树的前序和后序序列,一般是不能唯一确定一棵二叉树的,但是可以分析有多少种可能的二叉树,这个没有...
  • u010465615
  • u010465615
  • 2016年04月16日 15:17
  • 119
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:XML和JavaScript-续1
举报原因:
原因补充:

(最多只允许输入30个字)