원래는 인터넷에서 찾은 페이징 프로그램을 사용하려고 했으나 수정이 필요해서 나중에 사용할 때 수정하기가 더 쉬울 것 같아 직접 작성해봤습니다~~ 다들 실습이 더 많고, 직접 작성한 것이 최고죠. 앞으로는 무엇이든 수정하기 쉽습니다~~그나저나 코드 베이스도 확장하겠습니다~~ 그리고 cpage는 페이지 수이고 전역 변수여야 어디서든지 호출할 수 있습니다. <title>JS 정적 호출기</title> <style type="text/css"> a:link,a:visited,a:hover,.current,#info{ border:1px solid #DDD; background:#F2F2F2; display:inline-block; margin:1px; text-decoration:none; font-size:12px; width:15px; height:15px; text-align:center; line-height:15px; color:#AAA; padding:1px 2px; } a:hover{ border:1px solid #E5E5E5; background:#F9F9F9; } .current{ border:1px solid #83E7E4; background:#DFF9F8; margin:1px; color:#27CBC7; } #info{ width:auto; } </style> <div id="setpage"></div> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] <!-- var totalpage,pagesize,cpage,count,curcount,outstr; //初始化 cpage = 1; totalpage = 56; pagesize = 10; outstr = ""; function gotopage(target) { cpage = target; //把页面计数定位到第几页 setpage(); //reloadpage(target); //调用显示页面函数显示第几页,这个功能是用在页面内容用ajax载入的情况 } function setpage() { if(totalpage<=10){ //总页数小于十页 for (count=1;count<=totalpage;count++) { if(count!=cpage) { outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'>"+count+""; }else{ outstr = outstr + "<span class='current' >"+count+""; } } } if(totalpage>10){ //总页数大于十页 if(parseInt((cpage-1)/10) == 0) { for (count=1;count<=10;count++) { if(count!=cpage) { outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'>"+count+""; }else{ outstr = outstr + "<span class='current'>"+count+""; } } outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'> next "; } else if(parseInt((cpage-1)/10) == parseInt(totalpage/10)) { outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'>previous"; for (count=parseInt(totalpage/10)*10+1;count<=totalpage;count++) { if(count!=cpage) { outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'>"+count+""; }else{ outstr = outstr + "<span class='current'>"+count+""; } } } else { outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+(parseInt((cpage-1)/10)*10)+")'>previous"; for (count=parseInt((cpage-1)/10)*10+1;count<=parseInt((cpage-1)/10)*10+10;count++) { if(count!=cpage) { outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'>"+count+""; }else{ outstr = outstr + "<span class='current'>"+count+""; } } outstr = outstr + "<a href='javascript:void(0)' onclick='gotopage("+count+")'> next "; } } document.getElementById("setpage").innerHTML = "<div id='setpage'><span id='info'>共"+totalpage+"页|第"+cpage+"页<\/span>" + outstr + "<\/div>"; outstr = ""; } setpage(); //调用分页 //-->
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
