作為一個網(wǎng)頁開發(fā)者，我們經(jīng)常需要在網(wǎng)頁中展示一些大量的數(shù)據(jù)，這時就需要進行分頁處理，讓用戶可以快速瀏覽到自己所需的數(shù)據(jù)。而分頁的實現(xiàn)方法有很多，其中就包括使用HTML和JS編寫分頁代碼。

<div id="page"></div>
<script>
function createPage(totalPage, currentPage){
currentPage = currentPage || 1; //設置當前頁碼，默認為1
var str = "";
//上一頁
if(currentPage !== 1){
str += "<a href='javascript:;' data-page='" + (currentPage-1) + "'>上一頁</a>";
}
//中間頁碼
var startPage, endPage;
if(totalPage<= 10){ //總頁數(shù)小于等于10頁，則全部顯示
startPage = 1;
endPage = totalPage;
}else{ //總頁數(shù)大于10頁，則顯示當前頁碼前后共10頁
if(currentPage<= 6){
startPage = 1;
endPage = 10;
}else if(currentPage + 4 >= totalPage){
startPage = totalPage - 9;
endPage = totalPage;
}else{
startPage = currentPage - 5;
endPage = currentPage + 4;
}
}
for(var i=startPage; i<=endPage; i++){
if(i == currentPage){
str += "<span class='current'>" + i + "</span>";
}else{
str += "<a href='javascript:;' data-page='" + i + "'>" + i + "</a>";
}
}
//下一頁
if(currentPage !== totalPage){
str += "<a href='javascript:;' data-page='" + (currentPage+1) + "'>下一頁</a>";
}
document.getElementById('page').innerHTML = str;
}
//調用
createPage(25, 1);
</script>

上面的代碼中，首先我們在頁面中定義了一個id為“page”的div元素，用于顯示分頁內容。然后在JS代碼中，我們定義了一個名為createPage的函數(shù)，它接受兩個參數(shù)：totalPage表示總頁數(shù)，currentPage表示當前頁碼。函數(shù)中首先根據(jù)當前頁碼計算出需要顯示的頁碼區(qū)間，然后按照一定的規(guī)則生成分頁的HTML代碼，最后將代碼插入到頁面的div元素中。

通過這樣的分頁代碼，我們就可以很方便地實現(xiàn)網(wǎng)頁中的數(shù)據(jù)分頁展示了。當然，這只是一個簡單的例子，實際應用中還需要考慮很多其他的因素，例如分頁樣式、數(shù)據(jù)排序、查詢條件等等，但這并不影響我們對于HTML和JS分頁技術的學習和掌握。