XML数据的分页显示

最新推荐文章于 2019-08-06 12:29:07 发布

原创

最新推荐文章于 2019-08-06 12:29:07 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xml #出版 #教育 #input #button #html

本文介绍了如何使用HTML和JavaScript实现XML数据的分页显示。通过加载XML文件book.xml，利用DOM对象和JavaScript函数实现图书信息的分页浏览，用户可以点击上一页和下一页按钮进行翻页，同时能调整每页显示的条目数。

XML数据的分页显示

1.book.xml与以前的一样，用的同一个文件.

<?xml version="1.0" encoding="utf-8"?>
<books>
    <book id="0001" bookcategory="文艺" amount="150" remain="80"
    discount="8.5">
              <title>三国演义</title>
              <author>罗贯中</author>
              <publisher>文艺出版社</publisher>
              <ISBN>0-764-58007-8</ISBN>
              <price>80.0</price>
    </book>
    <book id="0002" bookcategory="文艺" amount="300" remain="180"
    discount="8.7">
              <title>红楼梦</title>
              <author>曹雪芹</author>
              <publisher>三秦出版社</publisher>
              <ISBN>7805468397</ISBN>
              <price>22</price>
    </book>
    <book id="0003" bookcategory="文艺" amount="200" remain="175"
    discount="8.5">
              <title>西游记(上下册)</title>
              <author>吴承恩</author>
              <publisher>人民文学出版社</publisher>
              <ISBN>7020008739</ISBN>
              <price>40.12</price>
    </book>
    <book id="0004" bookcategory="文艺" amount="300" remain="192"
    discount="8.7">
              <title>水浒传(上下册)</title>
              <author>吴承恩</author>
              <publisher>时代文艺出版社</publisher>
              <ISBN>7538714014</ISBN>
              <price>40.85</price>
    </book>
    <book id="0065" bookcategory="文