使用JavaScript获取XML数据并实现页面翻页功能

发布时间：2023-08-22 14:58:37 所属栏目：教程来源：

导读：代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>读取Xml并分页</title>

</head>

<body >

   <div id="gao">

   </div>

    <div>

       <table align="center">

          <tr>

             <td><input type="button" name="prev" id="prev" value="上一页" onclick="showPage('false')"><input type="button" id="next" name="next" value="下一页" onclick="showPage('true')"> </td>

          </tr>

       </table>

    </div>

<script type="text/javascript">

     function LoadXML(url)

  {

  var xmlDoc;

  if(window.ActiveXObject)

  {

     xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

     xmlDoc.async="false";

     xmlDoc.load(url);

  }else if(document.implementation&&document.implementation.createDocument)

  {

              xmlDoc=document.implementation.createDocument("","",null);

     xmlDoc.async=false;

     xmlDoc.load(url);

  }else

  {

     alert("You browser cannot handle this script!");

  }

  return xmlDoc;

  }

  var xmlDoc=LoadXML("student.xml");

  var students=xmlDoc.getElementsByTagName("student");

  var stuLength=students.length;

  var currentPage=0;

  var pageSize=2;

  var maxPage=Math.ceil(stuLength/pageSize);

  function showPage(page)

  {

  var mytable=document.getElementsByTagName("table")[1];

  if(mytable) document.body.removeChild(mytable);

  var table=document.createElement("table");

  table.setAttribute("id","mytable");

  table.setAttribute("width","600");

  table.setAttribute("border","1");

     document.body.appendChild(table);

  var header=table.createTHead();

  var headerrow=header.insertRow(0);

     headerrow.insertCell(0).appendChild(document.createTextNode("姓名"));

  headerrow.insertCell(1).appendChild(document.createTextNode("学校"));

  headerrow.insertCell(2).appendChild(document.createTextNode("成绩"))

       if(page=="true")

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!