复制代码代码如下:
<!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">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Отправка XML в формате Xml</title>
</голова>
<тело>
<div id="гао">
</div>
<дел>
<table align="center">
<тр>
<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>
</таблица>
</div>
<тип сценария="текст/javascript">
функция LoadXML (url)
{
вар xmlDoc;
если (окно.ActiveXObject)
{
xmlDoc=новый 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);
}еще
{
alert("Ваш браузер не может обработать этот скрипт!");
}
вернуть xmlDoc;
}
var xmlDoc=LoadXML("student.xml");
вар студенты = xmlDoc.getElementsByTagName("студент");
вар stuLength=students.length;
вар currentPage = 0;
вар pageSize = 2;
вар maxPage=Math.ceil(stuLength/pageSize);
функция showPage(страница)
{
var mytable=document.getElementsByTagName("таблица")[1];
если (mytable) document.body.removeChild (mytable);
var table=document.createElement("таблица");
table.setAttribute("id","mytable");
table.setAttribute("ширина","600");
table.setAttribute("граница","1");
document.body.appendChild(таблица);
вар заголовок = table.createTHead();
вар headerrow=header.insertRow(0);
headerrow.insertCell(0).appendChild(document.createTextNode("姓名"));
headerrow.insertCell(1).appendChild(document.createTextNode("学校"));
headerrow.insertCell(2).appendChild(document.createTextNode("成绩"))
если(страница=="истина")
текущая страница++;
еще
текущая страница--;
если (текущая страница> = maxPage) currentPage = maxPage;
иначе, если (текущая страница <= 0) текущая страница = 1;
вар start=(currentPage-1)*pageSize;
вар конец = текущая страница * размер страницы-1;
for(var i=start;i<=end;i++)
{
var e=студенты[я];
var name=e.getAttribute("имя");
var school=e.getElementsByTagName("school")[0].firstChild.data;
vargrade=e.getElementsByTagName("оценка")[0].firstChild.data;
var row = table.insertRow(i%pageSize+1);
row.insertCell(0).appendChild(document.createTextNode(name));
row.insertCell(1).appendChild(document.createTextNode(school));
row.insertCell(2).appendChild(document.createTextNode(school));
}
}
showPage("истина");
</скрипт>
</тело>
</html>
在编写过程过,涉及到代码的处理上,由于我最初, JavaScript码放在了head标签里面,结果导致document.body对象为空!
我们都知道, javascript, HTML代码, 所以当js代码放在head标签中的时候,html页面还没有执行到body,故而产生了错误!
后来将js代码,放在了body的尾部,这样,就能够正确引用到body对象了!
同时,在大型网站架构中,也是提高页面加载速度的一种方式!页面首页加载html标签内容, 到页面最后, 在执行js代码, 能在很大程度上提升网页打开速度,提升用户体验!
Загрузите файл Student.xml.
复制代码代码如下:
<?xml version="1.0"coding="utf-8"?>
<студенты>
<student name="gaoxing">
<school>西北大学1</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大学2</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大3学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大学4</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大5学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大6学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大7学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北8大学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北9大学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>10 лет назад</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大学</school>
<оценка>76</оценка>
</студент>
<student name="gaoxing">
<school>西北大学</school>
<оценка>76</оценка>
</студент>
</студенты>