用.读取XML文件的内容并进行分页的问题收藏

    XML数据源对象是一个ActiveX控件，允许你在XML文件和HTML页面之间操作数据。本文将向你展示如何从各种 XML 数据源中提取数据，以及如何使用 Java .显示这些数据。 　　

    XML数据源对象DSO是一个微软ActiveX控件，构建在微软IE4以后的版本上。这个对象允许你把一个外部的 XML 文件或者嵌入HTML文件中的内容提取到HTML页面中。

     你可以在一个Web页面中使用XML - DSO从一个外部XML文件中选取内容，从嵌入Web页面的XML中提取 XML 数据，然后使用 Java .操作这些数据。然而，并不建议在Internet中使用这个对象，因为DSO只能工作在MSIE 4以上的浏览器中，因此这可能会带来一些兼容性问题。 所以，在企业内部网使用 XML -DSO是很合适的。

有index.htm页面，内容如下；
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XML学习</title>
</head>
<body>
<!--调用XML文件-->
<xml id="myIsland" src="Test.xml"></xml>
<h1 align="center">StudyTest</h1>
<hr />
<table align="center" width="80%" datasrc="#myIsland">
<thead>
        <tr>
                <th>姓名</th>
                <td>职务</td>
                <td>电话</td>
                <th>E_mail</th>
        </tr>
</thead>
<tbody>
        <tr>
                <td><span datafld="name"></span></td>
                <td><span datafld="title"></span></td>
                <td><span datafld="phone"></span></td>
                <td><span datafld="email"></span></td>
        </tr>
</tbody>
</table>
</body>
</html>

读取的Test.xml文件内容如下：
<?xml version="1.0" encoding="gb2312"?>
<directory>
<employee>
  <name>Fred Brown</name>
  <title>softWare</title>
  <phone>(010)-63426229</phone>
  <email>[email]spank168@sina.com[/email]</email>
</employee>
  <employee>
    <name>Fred Brown</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>Fred Brown</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>Fred Brown</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>北京</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>北京</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>北京</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>北京</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>上海</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>上海</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>上海</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
  <employee>
    <name>上海</name>
    <title>softWare</title>
    <phone>(010)-63426229</phone>
    <email>[email]spank168@sina.com[/email]</email>
  </employee>
</directory>

现在我想在index.htm中使用.来读取Test.xml的内容，并把他们进行分页处理，比如每页显示4条数据，分3页显示。

Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>XML学习</title>
</head>
<body>
<!--调用XML文件-->
<xml id="myIsland" src="Test.xml"></xml>
<h1 align="center">StudyTest</h1>
<hr />
<table id="tab1" align="center" width="80%" datapagesize="3" datasrc="#myIsland">
<thead>
        <tr>
                <th>姓名</th>
                <td>职务</td>
                <td>电话</td>
                <th>E_mail</th> 
        </tr>
</thead>
<tbody>
        <tr>
                <td><span datafld="name"></span></td>
                <td><span datafld="title"></span></td>
                <td><span datafld="phone"></span></td>
                <td><span datafld="email"></span></td>
        </tr>
</tbody>
</table>
<a href="#" onclick="document.getElementById('tab1').previousPage()">上一页</a>
<a href="#" onclick="document.getElementById('tab1').nextPage()">下一页</a>
</body>
</html>