페이지 이동 제어 - href, replace, pushState()

$(function(){
     $('#start').click(function(){
        location.replace('closure.html');
     });
 });

3. pushState()

- history.pushState()

- 브라우저의 이력을 추가한다.

- Ajax 통신으로 페이지의 내용을 편집하는 경우 리퀘스트 시, 키 정보가 된다

<input type="button" id="start" value="add"/>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
 
    $(function(){
 
        var state = 1;
 
        //이력추가
       $('#start').click(function(){
           history.pushState('state'+state, 'State'+state);
           state++;
       }) ;
 
        //뒤로가기 누루면 그 시점 상태 로그표시
       $(window).on('popstate',function(e){
           console.log(e.originalEvent.state);
       }) ;
    });
</script>