复制代码代码如下:
<!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">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>Xml并分页</title>
</kepala>
<tubuh>
<div id="gao">
</div>
<div>
<tabel align="tengah">
<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>
</tabel>
</div>
<skrip tipe="teks/javascript">
fungsi LoadXML(url)
{
var xmlDok;
if(jendela.ActiveXObject)
{
xmlDoc=New ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="salah";
xmlDoc.beban(url);
}else if(document.implementation&&document.implementation.createDocument)
{
xmlDoc=dokumen.implementasi.createDocument("","",null);
xmlDoc.async=salah;
xmlDoc.beban(url);
}kalau tidak
{
alert("Browser Anda tidak dapat menangani skrip ini!");
}
kembalikan xmlDoc;
}
var xmlDoc=LoadXML("siswa.xml");
var siswa=xmlDoc.getElementsByTagName("siswa");
var stuLength=siswa.panjang;
var Halaman saat ini=0;
var ukuran halaman=2;
var maxPage=Math.ceil(stuLength/pageSize);
fungsi showPage(halaman)
{
var mytable=document.getElementsByTagName("tabel")[1];
if(meja saya) document.body.removeChild(meja saya);
var table=document.createElement("tabel");
tabel.setAttribute("id","tabel saya");
tabel.setAttribute("lebar","600");
tabel.setAttribute("batas","1");
document.body.appendChild(tabel);
var header=tabel.createTHead();
var headerrow=header.insertRow(0);
headerrow.insertCell(0).appendChild(document.createTextNode("姓名"));
headerrow.insertCell(1).appendChild(document.createTextNode("学校"));
headerrow.insertCell(2).appendChild(document.createTextNode("成绩"))
jika(halaman=="benar")
Halaman saat ini++;
kalau tidak
Halaman saat ini--;
if(Halaman Saat Ini>=Halaman Maks) Halaman Saat Ini=Halaman Maks;
else if(Halaman Saat Ini<=0) Halaman Saat Ini=1;
var start=(Halaman-1 saat ini)*Ukuran halaman;
var end=Halaman saat ini*Ukuran halaman-1;
untuk(var i=mulai;i<=akhir;i++)
{
var e=siswa[i];
var nama=e.getAttribute("nama");
var sekolah=e.getElementsByTagName("sekolah")[0].firstChild.data;
var grade=e.getElementsByTagName("grade")[0].firstChild.data;
var baris=tabel.insertRow(i%pageSize+1);
baris.insertCell(0).appendChild(document.createTextNode(nama));
baris.insertCell(1).appendChild(document.createTextNode(sekolah));
baris.insertCell(2).appendChild(document.createTextNode(sekolah));
}
}
showPage("benar");
</skrip>
</tubuh>
</html>
aplikasi javascript, aplikasi javascript, dan aplikasi javascript码放在了head标签里面,结果导致document.body对象为空！
javascript, javascript, javascript, javascript, HTML, 所以当js代码放在head标签中的时候，html页面还没有执行到body，故而产生了错误！
后来将js代码，放在了body的尾部，这样，就能够正确引用到body对象了!
同时,在大型网站架构中,也是提高页面加载速度的一种方式！页面首页加载html标签内容, 到页面最后, 在执行js代码,能在很大程度上提升网页打开速度，提升用户体验!
另外的student.xml内容是
复制代码代码如下:
<?xml versi="1.0" pengkodean="utf-8"?>
<siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学1</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学2</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大3学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学4</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大5学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大6学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大7学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北8大学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北9大学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北10大学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学</sekolah>
<kelas>76</kelas>
</siswa>
<nama siswa = "gaoxing">
<sekolah>西北大学</sekolah>
<kelas>76</kelas>
</siswa>
</siswa>