page précédente HTML5

Dans HTML5, les boutons HTML et les fonctions JavaScript sont utilisés pour implémenter la fonction de page / page suivante précédente. Les étapes spécifiques sont les suivantes:

1. Créer le bouton HTML, spécifiez l'événement de clic de réponse à l'événement OnClick;
2. Définir les fonctions JavaScript:
   2.1 Fonction de la page précédente: Vérifiez l'historique, si la page précédente existe, elle sera retournée;
   2.2 Fonction de la page suivante: Obtenez l'URL actuelle. S'il y a un paramètre de numéro de page, il passera à la page suivante, sinon cela indiquera qu'il n'y a pas de page suivante.

HTML5 Page précédente / page suivante

Comment implémenter la fonction HTML5 Page précédente / page suivante?

HTML5 fournit l'élément <button></button> pour la création de boutons, où click peut être utilisé pour répondre aux événements de clic du bouton. Pour implémenter la fonction de page / page suivante précédente, vous pouvez utiliser les étapes suivantes:

1. Créer le bouton HTML

 <code class="html"><button id="previous" onclick="goToPreviousPage();">上一页</button> <button id="next" onclick="goToNextPage();">下一页</button></code>

2. Définir les fonctions JavaScript

2.1 Fonction de la page précédente

 <code class="javascript">function goToPreviousPage() { // 获取历史记录let history = window.history; // 如果存在上一页if (history.length > 1) { // 返回上一页history.back(); } }</code>

2.2 Fonction de la page suivante

 <code class="javascript">function goToNextPage() { // 获取当前URL let url = window.location.href; // 如果URL 中有页码参数if (url.includes('page=')) { // 获取当前页码let currentPage = Number(url.split('page=')[1]); // 跳转到下一页window.location.href = url.replace('page=' currentPage, 'page=' (currentPage 1)); } // 否则没有下一页else { alert('没有下一页了'); } }</code>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!