معلومات المنتج:
<!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并分页</title>
</الرأس>
<الجسم>
<div معرف = "جاو">
</div>
<ديف>
<جدول محاذاة = "المركز">
<تر>
<td><input type = "button" name = "prev" id = "prev" value = "上一页" onclick = "showPage ('false')"> <input type = "button" id = "التالي" name = "next" value = "下一页" onclick = "showPage('true')"> </td>
</tr>
</الجدول>
</div>
<نوع البرنامج النصي = "نص/جافا سكريبت">
وظيفة LoadXML(url)
{
فار xmlDoc;
إذا (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);
}آخر
{
تنبيه("لا يمكن للمتصفح التعامل مع هذا البرنامج النصي!");
}
إرجاع xmlDoc;
}
var xmlDoc=LoadXML("student.xml");
var Student=xmlDoc.getElementsByTagName("student");
var stuLength=students.length;
var currentPage=0;
فار pageSize=2;
var maxPage=Math.ceil(stuLength/pageSize);
وظيفة showPage(صفحة)
{
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();
فار headerrow=header.insertRow(0);
headerrow.insertCell(0).appendChild(document.createTextNode("姓名"));
headerrow.insertCell(1).appendChild(document.createTextNode("学校"));
headerrow.insertCell(2).appendChild(document.createTextNode("成绩"))
إذا (الصفحة = = "صحيح")
currentPage++;
آخر
الصفحة الحالية--;
if(currentPage>=maxPage) currentPage=maxPage;
else if(currentPage<=0)currentPage=1;
var start=(currentPage-1)*pageSize;
var end=currentPage*pageSize-1;
ل(فار أنا=بداية;أنا<=نهاية;i++)
{
var e=students[i];
var name=e.getAttribute("name");
var school=e.getElementsByTagName("school")[0].firstChild.data;
var Grade=e.getElementsByTagName("grade")[0].firstChild.data;
varrow=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("صحيح");
</script>
</الجسم>
</html>
يمكن أن يكون لديك أي مشكلة في استخدام جافا سكريبت أو جافا سكريبت. احصل على رأسك من خلال الحصول على وثيقة. الجسم!
لا داعي للقلق بشأن استخدام جافا سكريبت أو استخدام لغة html أو أي شيء آخر قم بإنشاء ملف js لرأس الصفحة الرئيسية، html لتتمكن من قراءة النص في الجسم، أو قم بإنشاء ملف HTML!
后来将将js代码،放在了body的尾部،这样،就能够正确引用到،body对象了!
في هذه الحالة، يجب أن تكون قادرًا على تحقيق أقصى استفادة من المعرفة التي تحتاجها! حسنًا، قم بإنشاء ملف js الخاص بك، قم بإيقاف تشغيله مرة أخرى!
تم إنشاء ملف Student.xml
معلومات المنتج:
<?xml version="1.0" encoding="utf-8"?>
<الطلاب>
<اسم الطالب = "جاوكسينج">
<school>西北大学1</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<school>西北大学2</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大3学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<school>西北大学4</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大5学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大6学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大7学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北8大学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北9大学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北10大学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大学</school>
<الدرجة>76</الدرجة>
</طالب>
<اسم الطالب = "جاوكسينج">
<مدرسة>西北大学</school>
<الدرجة>76</الدرجة>
</طالب>
</الطلاب>