关闭

XML和JavaScript

682人阅读 评论(0) 收藏 举报
    在数据岛中,可以使用JavaScriptXML文档作为一个对象来操作。同样在本实例中也得到了具体的体现。
    首先编写该实例的首页,即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="第一页" onclick="FirstPage()"/>
             <input type="button" value="上一页" onclick="PrevPage()"/>
             <input type="button" value="下一页" onclick="NextPage()"/>
             <input type="button" value="最后一页" onclick="LastPage()"/>
            请输入一页中要查看的记录数:<input type="text" maxlength="1" size="2" id="items" name="na1"/>
            <input  type="button" value="查看" onclick="ViewRecords()"/>
       </center>
   </body>
  </html>
  </xsl:template>
</xsl:stylesheet>
    将该文件保存,文件名为index.xsl,文件保存在Example文件夹下。在文件内,首先嵌入JavaScript代码,这个脚本程序主要显示是客户的全部信息,并执行相应的分页显示。在下面的代码中实现XSL的模板,并在在文件中引入了一个XML文件,作为数据岛使用。创建该数据岛的数据源对象,在XML页面显示这些数据。
该文件执行结果如图11-29所示:
 
 
图11-29  【实例首页显示】窗口
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:143567次
    • 积分:2374
    • 等级:
    • 排名:第15737名
    • 原创:80篇
    • 转载:4篇
    • 译文:0篇
    • 评论:98条
    文章分类
    最新评论