Javascript 뒤로 가기, 앞으로 등등 구현하기

• 뒤로가기

<a href="javascript:history.back();">뒤로 가기</a>

 

혹은 아래와 같이 따로 함수를 만들어서 사용 가능합니다.

<script type="text/javascript">
	var goBack = function(){
    	window.history.back();
        // history.back(); 처럼 window. 생략 가능
    }
</script>
<a href="#" onclick="goBack();">뒤로</a>

 

• 앞으로 가기

<a href="javascript:history.forward();">앞으로 가기</a>

 

• 원하는 페이지 수만큼 이동하기

window.history.go() 함수를 이용하여 원하는 페이지 수만큼 이동을 할 수 있다.

<script type="text/javascript">
	
    // 앞으로 n 페이지만큼 이동
    var goForward = function(n){
    	window.history.go(n);
    }
    
    // 뒤로 n 페이지만큼 이동
    var goBack = function(n){
    	window.history.go(-n);
    }
    
</script>

 

window.history.go(n);

n 값이 양수일 경우에 앞으로 가기, n 값이 음수일 경우에는 뒤로 이동하게 됩니다.