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

简介:

用.读取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


本文转自lidup 51CTO博客,原文链接:http://blog.51cto.com/lidup/139856,如需转载请自行联系原作者

相关文章
|
19天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
21 0
|
19天前
|
XML 数据格式
小米备份descript.xml文件
小米备份descript.xml文件
20 0
|
1月前
|
XML Java 数据库连接
mybatis中在xml文件中通用查询结果列如何使用
mybatis中在xml文件中通用查询结果列如何使用
33 0
|
1月前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
21 0
|
24天前
|
XML 数据格式 Windows
如何从xml文件创建R语言数据框dataframe
如何从xml文件创建R语言数据框dataframe
|
1天前
|
Android开发
android string.xml文件中的整型和string型代替
android string.xml文件中的整型和string型代替
|
1天前
|
XML 前端开发 数据格式
BeautifulSoup 是一个 Python 库,用于从 HTML 和 XML 文件中提取数据
BeautifulSoup 是 Python 的一个库,用于解析 HTML 和 XML 文件,即使在格式不规范的情况下也能有效工作。通过创建 BeautifulSoup 对象并使用方法如 find_all 和 get,可以方便地提取和查找文档中的信息。以下是一段示例代码,展示如何安装库、解析 HTML 数据以及打印段落、链接和特定类名的元素。BeautifulSoup 还支持更复杂的查询和文档修改功能。
6 1
|
1天前
|
JavaScript 前端开发 测试技术
编写JavaScript模块化代码主要涉及将代码分割成不同的文件或模块,每个模块负责处理特定的功能或任务
【5月更文挑战第10天】编写JavaScript模块化代码最佳实践:使用ES6模块或CommonJS(Node.js),组织逻辑相关模块,避免全局变量,封装细节。利用命名空间和目录结构,借助Webpack处理浏览器环境的模块。编写文档和注释,编写单元测试以确保代码质量。通过这些方法提升代码的可读性和可维护性。
7 3
|
1天前
|
JavaScript 前端开发 UED
在 JavaScript 中,异步编程和回调函数是处理非阻塞操作(如网络请求、文件读写等)的重要工具
【5月更文挑战第10天】JavaScript中的异步编程和回调函数用于处理非阻塞操作,提高应用响应性和吞吐量。异步编程通过回调函数、Promises和async/await等方式实现,避免程序因等待操作完成而阻塞。回调函数是异步操作完成后调用的函数,常用于处理网络请求等。然而,回调函数存在嵌套问题和错误处理困难,因此出现了Promises和async/await等更优解决方案。
10 3
|
1天前
|
XML 安全 API
AndroidManifest.xml文件综合详解
AndroidManifest.xml文件综合详解