HTML5的出現大大促進了Web應用的發展，其中App的開發也占據了重要的一席之地。在App的開發中，常常會使用分頁功能來實現更好的用戶體驗。那么，下面我們就來介紹一下HTML5 App中使用的分頁代碼。
<div class="pagination"> <a href="#" class="previous_page"><« 上一頁</a> <a href="#" class="current_page">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#" class="next_page">下一頁 »</a> </div>
上面的代碼中，pagination是用來設置分頁樣式的CSS類，previous_page和next_page是用來設置上一頁和下一頁的CSS類，而current_page則表示當前所處的頁碼。下面我們來一一解釋一下。
首先，我們需要在HTML文檔的頭部引入jQuery的庫文件，代碼如下：
<head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head>
接下來，我們需要定義一個函數來實現分頁的功能，代碼如下：
function paginate(page) {
// TODO: 實現分頁
$('.pagination .current_page').removeClass('current_page');
$('.pagination a').eq(page).addClass('current_page');
}在函數中，我們先將當前頁碼的CSS類current_page刪除，然后再將待跳轉的頁面的CSS類current_page添加。這樣實現頁面的跳轉就不會對原有的樣式造成影響。
最后，我們需要在頁面中添加一個事件來觸發分頁功能，代碼如下：
$('.pagination a').on('click', function(event) {
event.preventDefault();
paginate($(this).index());
});在事件中，我們首先使用preventDefault方法來阻止頁面的默認跳轉行為，然后再調用paginated函數來實現頁面的跳轉。
以上就是HTML5 App中使用的分頁代碼，通過這些代碼我們可以方便地實現分頁功能，給用戶提供更加便利的體驗。
下一篇給某元素賦css