[JS] history 객체

history 객체

• 브라우저의 저장소를 기반으로 하기 떄문에!
• 보안이쓔로 접근방어 해놓는 경우, 작동하지 않을 수도 있음

 

history.back() : 이전 방문 페이지로 이동

 <button type="button" id="back">back</button>

 

    <script>

        document.getElementById('back').addEventListener('click',()=>{

            history.back();

        })

 

    </script>

 

 

history.forword() : 다음 방문한 페이지로 이동

 

    <button type="button" id="foword">forword</button>

 

   

    <script>

   

        document.getElementById('forword').addEventListener('click',()=>{

            history.forward();

        })

   

    </script>

 

history.go(number) : number번째 페이지로 이동 

• history.go(-2) : 이전페이지로 이동

 <button type="button" id="back">back</button>

    <button type="button" id="foword">forword</button>

    <!-- 숫자를 받아서 그 숫자로 이동 -->

    <input type="text" id="n">

    <button type="button" id="go">go(n)</button>

   

    <script>

        document.getElementById('back').addEventListener('click',()=>{

            history.back();

        })

        document.getElementById('forword').addEventListener('click',()=>{

            history.forward();

        })

        document.getElementById('go').addEventListener('click',()=>{

            history.go(parseInt(document.getElementById('n').value));

        })

    </script>

 

---