JavaScript

[ javascript ] history 객체를 사용하여 이전 페이지로 돌아가기

teamnova 2022. 7. 9. 12:00
728x90

안녕하세요

 

이번 시간에는 자바스크립트 객체인 history 객체의 back()메소드를 사용하여 이전 페이지로 돌아가기 기능을 만들어보겠습니다.

 

* 결과

 

* 소스코드

[ front.html ]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>안녕하세요!</h1>
    <button onclick="location.href='back.html'">다음 페이지로 이동하기</button>
</body>
</html>

[ back.html ]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>반갑습니다!</h1>
    <button onclick="history.back();">뒤로가기</button>
</body>
</html>