分页_分页实现数据表_源码资源-CSDN文库

共9个文件

xml：3个

png：2个

php：2个

版权申诉

160 浏览量 2021-09-29 16:05:43 上传评论收藏 73KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

分页.rar （9个子文件）

分页

fenye

index.php 4KB

.idea

misc.xml 179B

modules.xml 269B

fenye.iml 288B

workspace.xml 8KB

inspectionProfiles

process.php 826B

QQ截图20200523161645.png 31KB

QQ截图20200523161538.png 41KB

student.sql 2KB

<html> <head> <script> var CurrentPage=0; function show(page) { if (page<=0) { //document.getElementById("paging").innerHTML=""; alert("page not found"); //document.getElementById("paging").innerHTML="Page is blank"; showFisrt(); CurrentPage++; return; } if (page>=4) { //document.getElementById("paging").innerHTML=""; alert("page not found"); //document.getElementById("paging").innerHTML="Page is blank"; showLast(); CurrentPage--; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("paging").innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET","process.php?page="+page,true); xmlhttp.send(); }; </script> <style type="text/css"> .table td{ border: 1px solid cornflowerblue; color:black; width:90px; } </style> </head> <body> <div class="table" align="center"> <h3>学生信息</h3> <form> <table class="table"> <tr> <td>学号</td> <td>姓名</td> <td>性别</td> <td>年龄</td> <td>籍贯</td> <td>班级</td> </tr> </table> </table> <table class="table" id="paging"> <tr><td>Page is Blank</td></tr> </table> </form> <div><button id="prev">上一页</button><span id="num1"> 1 </span><span id="num2"> 2 </span><span id="num3"> 3 </span><button id="next">下一页</button></div> </body> <script> //展示第一次的主页面 function showFirst() { CurrentPage=1; alert(CurrentPage); show(CurrentPage); //window.location.href="www.baidu.com"; showNum(CurrentPage); } function showLast() { CurrentPage=3; alert(CurrentPage); show(CurrentPage); //window.location.href="www.baidu.com"; showNum(CurrentPage); } window.onload=showFirst(); //上下页点击事件 var prev=document.getElementById("prev"); var next=document.getElementById("next"); prev.addEventListener("click",function() { CurrentPage--; alert(CurrentPage); show(CurrentPage); //window.location.href="www.baidu.com"; showNum(CurrentPage); } ); next.addEventListener("click",function() { CurrentPage++; alert(CurrentPage); show(CurrentPage); //window.location.href="www.baidu.com"; showNum(CurrentPage); } ); function showNum(Page) { var num1=document.getElementById("num1"); var num2=document.getElementById("num2"); var num3=document.getElementById("num3"); if(Page==1) { num1.style.color="red"; num2.style.color="Black"; num3.style.color="Black"; } else if(Page==2) { num1.style.color="Black"; num2.style.color="red"; num3.style.color="Black"; } else if(Page==3) { num1.style.color="Black"; num2.style.color="Black"; num3.style.color="red"; } else { num1.style.color="Black"; num2.style.color="Black"; num3.style.color="Black"; } } </script> </html>