HTML5の前のページ次のページ

HTML5では、HTMLボタンとJavaScript関数を使用して、前のページ/次のページ関数を実装します。特定の手順は次のとおりです。

1. HTMLボタンを作成し、オンクリックイベント応答クリックイベントを指定します。
2. JavaScript関数を定義します。
   2.1前のページ関数：履歴を確認してください。前のページが存在する場合、返されます。
   2.2次ページ関数：現在のURLを取得します。ページ番号パラメーターがある場合、次のページにジャンプします。そうしないと、次のページがないことを示します。

HTML5前ページ/次のページ

HTML5の前のページ/次のページ関数を実装する方法は？

HTML5は、 clickイベントを使用してボタンクリックイベントに応答できるボタンを作成するための<button></button>要素を提供します。前のページ/次のページ関数を実装するには、次の手順を使用できます。

1. HTMLボタンを作成します

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

2。JavaScript関数を定義します

2.1前のページ関数

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

2.2次ページ関数

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('没有下一页了'); } }

以上がHTML5の前のページ次のページの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。