html5 이전 페이지 다음 페이지

HTML5에서는 HTML 버튼 및 JavaScript 기능이 이전 페이지/다음 페이지 기능을 구현하는 데 사용됩니다. 특정 단계는 다음과 같습니다.

1. HTML 버튼 생성, OnClick 이벤트 응답 클릭 이벤트를 지정하십시오.
2. JavaScript 함수 정의 :
   2.1 이전 페이지 기능 : 히스토리를 확인하십시오. 이전 페이지가 존재하면 반환됩니다.
   2.2 다음 페이지 기능 : 현재 URL을 가져옵니다. 페이지 번호 매개 변수가 있으면 다음 페이지로 이동하면 다음 페이지가 없음을 나타냅니다.

HTML5 이전 페이지/다음 페이지

HTML5 이전 페이지/다음 페이지 기능을 구현하는 방법은 무엇입니까?

HTML5는 버튼 클릭 이벤트에 응답하는 데 click 이벤트를 사용할 수있는 버튼을 만들기위한 <button></button> 요소를 제공합니다. 이전 페이지/다음 페이지 기능을 구현하려면 다음 단계를 사용할 수 있습니다.

1. HTML 버튼을 만듭니다

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

2. JavaScript 함수를 정의하십시오

2.1 이전 페이지 기능

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

2.2 다음 페이지 기능

 <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>

위 내용은 html5 이전 페이지 다음 페이지의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!