越來越多的網站在展示數據時采用了分頁的方式,其中Javascript分頁代碼是現代網頁應用程序中最受歡迎的一種方式。對于網站開發者來說,寫一個Javascript分頁腳本是一項具有挑戰性的任務。但是,如果您了解一些基本的技巧和方法,那么編寫Javascript分頁腳本將變得容易。
不同的網站需要不同的Javascript分頁代碼。一些常見的參數包括:每一頁所包含的項目數,總頁面數,當前頁面,頁碼顯示的長度,上一頁的樣式,下一頁的樣式等等。接下來我們來看一個可以適用于不同網站的通用Javascript分頁代碼。
function paginate(pageNo, totalPages, nextPage, prevPage, querystring){ var str = ""; var half = Math.abs(pageIndex/2) var page = parseInt(pageNo); if (page >totalPages){ page = totalPages; } if (page >1){ str += "" + prevPage + ""; } if (totalPages<= pageIndex){ for (var i=1;i<=totalPages;i++){ str += "" + i + ""; } } else{ if (page-half >1){ str += "" + 1 + ""; str += "..."; for(var j=(page-half);j<=page;j++){ if (j>0 && j!=page){ str += "" + j + ""; } else{ if (j< 1){ half--; } else{ if (j==page){ str += "" + j + ""; } } } } if (page+half< totalPages){ str += "..."; } } else{ for(var k=1;k<=pageIndex;k++){ if (k==page){ str += "" + k + ""; } else{ str += "" + k + ""; } } if (page+half< totalPages){ str += "..."; } } for(var l=(totalPages-pageIndex+1);l<=totalPages;l++){ str += "" + l + ""; } } if (page< totalPages){ str += "" + nextPage + ""; } return str; }
上述Javascript分頁代碼可以適用于大多數網站。它會將頁面分成一頁一頁的,每一頁所包含的項目數由開發者自行設定。用戶可以通過單擊上一頁和下一頁按鈕來瀏覽頁面。在按鈕的周圍,頁面顯示了一些頁碼套件。
這段代碼在計算頁碼時,使用了一些常用的算法。例如,將頁面分半并根據當前頁面選擇最近的一半顯示頁碼,或者在最開始和結尾處顯示省略號以引導用戶點擊其他頁面。
如果您需要快速創建一個Javascript分頁腳本,那么上述代碼就是您最好的選擇。盡管這段代碼不是最完美的,但它足夠適用于大多數網站,并可快速用于生產環境。如果您需要個性化的分頁體驗,您可以根據自己的需求修改代碼,并在檢查后使用它。