반응형
웹에서 페이지 뒤로가기와 페이지 앞으로 가기는 자주 쓰이는 이벤트로
history 객체를 사용하게 됩니다.
예제를 통해 history 객체를 알아보겠습니다.
<html>
<head>
</head>
<body>
<!-- 바로 이전 페이지로 이동 -->
<button id="prevBtn" onclick="history.back();"> 이전 페이지</button>
<!-- history.back()와 같은 효과, 바로 이전 페이지로 이동 -->
<button id="onePrevBtn" onclick="history.go(-1);"> 1단계 이전 페이지</button>
<!-- history.back()을 두번 한 효과, 바로 두 번의 이전 페이지로 이동 -->
<button id="twoPrevBtn" onclick="history.go(-2);"> 2단계 이전 페이지</button>
<!-- 바로 다음 페이지로 이동 -->
<button id="nextBtn" onclick="history.forward();"> 다음 페이지</button>
<!-- history.forward()와 같은 효과, 바로 다음 페이지로 이동 -->
<button id="oneNextBtn" onclick="history.go(1);"> 1단계 다음 페이지</button>
</body>
</html>
반응형
'Develope > JavaScript' 카테고리의 다른 글
[JavaScript] jqgrid reload 및 reload가 되지 않을때 해결 방법 (0) | 2020.06.18 |
---|---|
[JavaScript] Jquery Map() 메서드 (0) | 2019.05.24 |
[JavaScript] Location 브라우저 url 정보 (0) | 2019.05.19 |
[JavaScript] Navigator 브라우저 및 운영체제 정보 (0) | 2019.05.19 |
[JavaScript] alert, prompt, confirm 대화상자 내장함수 (0) | 2019.05.12 |