XML和JavaScript

    在数据岛中,可以使用JavaScript XML 文档作为一个对象来操作。同样在本实例中也得到了具体的体现。
    首先编写该实例的首页,即index.xml 。打开记事本,在里面输入下列代码:
实例代码11-12
<?xml version="1.0" encoding="GB2312"?>
<?xml-stylesheet href="index.xsl" type="text/xsl" ?>
<root></root>
    将该文件保存,文件名为index.xml,保存位置在Example文件夹。该文件只定义了一个可的XML文件。打开记事本,编写XML文件需要引入的index.xsl文件,在里面输入下代码:
实例代码11-13
<?xml version="1.0" encoding="GB2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
    <html>
       <head><title>使用不同的样式</title></head>
       <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>
       <body>
           <center>
           <embed width="100%" height="15%" src="Long.swf"/>
           <form action="control1.jsp" method="post">
          <table border="0" align="center" width="100%">
           <tr><td style="font-size:45;" rowspan="2" align="center">惠通软件公司客户管理软件</td><td width="25%"><a
href="view_0.jsp">客户信息添加</a></td></tr>
           <tr><td width="25%"><a href="vi.jsp">客户信息查询</a></td></tr>
           <xsl:for-each select="客户表/客户">
           <tr>
              <xsl:apply-templates/>
           </tr>
           </xsl:for-each>
           </table>
           </form>
           </center>
           <xml id="dos" src="Client.xml"></xml>
           <table id="products" border="0" width="100%" datasrc="#dos" align="center">
           <thead>
             <th>客户姓名</th>
             <th>客户住址</th>
             <th>联系方式</th>
             <th>客户爱好</th>
             <th>客户职业</th>
           </thead>
           <tr> 
 
             <td align="center"><span datafld="客户姓名"></span></td>
             <td align="center"><span datafld="客户住址"></span></td>
             <td align="center"><span datafld="联系方式"></span></td>
             <td align="center"><span datafld="客户爱好"></span></td>
             <td align="center"><span datafld="客户职业"></span></td>
         </tr>
         <tr>
             <td colspan="5" height="1" background="073.gif"></td>
        </tr>
        </table>
        <center>
             <input type="button" value="第一页" οnclick="FirstPage()"/>
             <input type="button" value="上一页" οnclick="PrevPage()"/>
             <input type="button" value="下一页" οnclick="NextPage()"/>
             <input type="button" value="最后一页" οnclick="LastPage()"/>
            请输入一页中要查看的记录数:<input type="text" maxlength="1" size="2" id="items" name="na1"/>
            <input  type="button" value="查看" οnclick="ViewRecords()"/>
       </center>
   </body>
  </html>
  </xsl:template>
</xsl:stylesheet>
    将该文件保存,文件名为index.xsl,文件保存在Example文件夹下。在文件内,首先嵌入JavaScript代码,这个脚本程序主要显示是客户的全部信息,并执行相应的分页显示。在下面的代码中实现XSL的模板,并在在文件中引入了一个XML文件,作为数据岛使用。创建该数据岛的数据源对象,在XML页面显示这些数据。
该文件执行结果如图11-29所示:
 
 
图11-29  【实例首页显示】窗口
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值