J S 페이지 나누기

J S 페이지 나누기
먼저 효과도를 봅니다.
아이디어 실현:
먼저 테이블에 기록된 행의 개수와 페이지에 표시되는 행의 개수를 가져옵니다.여기는 페이지당 세 줄입니다.그리고 덧붙인 조작에 아래 코드를 넣으세요.

var tbody=document.getElementById("tbody");
		var trs=tbody.getElementsByTagName("td");
		
        if(trs.length>3){
			goPage(1,3)
		}

처음에는 기록이 없기 때문에 기록이 있을 때 이벤트를 터치하고 페이지 함수를 실행합니다.이때 내가 매 페이지에 표시하는 줄 수에 따라 판단한다. 예를 들어 내가 매 페이지에 세 줄을 표시하려면trs이다.length>3, 페이지마다 표시하려면 >5로 판단하면 됩니다.
  
그리고 가장 중요한 것은 필요한 내용만 어떻게 표시하는가입니다. 여기에 스타일을 사용합니다.display=”@”;@ 위치가 none일 때는 숨기고 Block일 때는 표시됩니다.코드는 매 페이지에 기록된 시작 위치와 끝 위치를 정의합니다.모든 줄을 훑어보았을 때, 시작 위치와 끝 위치 사이의 Block을 만족시키는 것은 none으로 표시되지 않습니다.
다음은 페이지별 테마 코드입니다.
 

 function goPage(pno, psize){
    
        var itable = document.getElementById("tusers");
        
        var num = itable.rows.length;//    
        var totalPage = 0;//   
        var pageSize = psize;//      
        if ((num - 1) / pageSize > parseInt((num - 1) / pageSize)) {
        
            totalPage = parseInt((num - 1) / pageSize) + 1;
            
        }
        else {
        
            totalPage = parseInt((num - 1) / pageSize);
            
        }
        
        var currentPage = pno;//    
        var startRow = (currentPage - 1) * pageSize + 1;//         
        var endRow = currentPage * pageSize + 1;//         
        endRow = (endRow > num) ? num : endRow;
        
        //       
        
        for (i = 0; i < 1; i++) {
        
            var irow = itable.rows[i];
            
            irow.style.display = "block";
            
        }
        
        
        //     ，       ，     
        for (var i = 1; i < num; i++) {
        
            var irow = itable.rows[i];
            
            if (i >= startRow && i < endRow) {
            
                irow.style.display = "block";
                
            }
            else {
            
                irow.style.display = "none";
                
            }
            
        }
        
        var pageEnd = document.getElementById("pageEnd");
        
        var tempStr = " " + (num - 1) + "     " + totalPage + "     " + currentPage + " ";
        
        if (currentPage > 1) {
        
            tempStr += "<a href=\"#\" onClick=\"goPage(" + (currentPage - 1) + "," + psize + ")\">   </a>"
            
        }
        else {
        
            tempStr += "   ";
            
        }
        
        if (currentPage < totalPage) {
        
            tempStr += "<a href=\"#\" onClick=\"goPage(" + (currentPage + 1) + "," + psize + ")\">   </a>";
            
        }
        else {
        
            tempStr += "   ";
            
        }
        
        if (currentPage > 1) {
        
            tempStr += "<a href=\"#\" onClick=\"goPage(" + (1) + "," + psize + ")\">  </a>";
            
        }
        else {
        
            tempStr += "  ";
            
        }
        
        if (currentPage < totalPage) {
        
            tempStr += "<a href=\"#\" onClick=\"goPage(" + (totalPage) + "," + psize + ")\">  </a>";
            
        }
        else {
        
            tempStr += "  ";
            
        }
        
        document.getElementById("barcon").innerHTML = tempStr;
        
        
        
}