안녕하세요
이번 시간에는 자바스크립트 객체인 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>
'JavaScript' 카테고리의 다른 글
| [JavaScript] Video.js 로 m3u8 파일 재생하기 (0) | 2022.07.16 |
|---|---|
| [javascript] 숫자 입력하면 전화번호 형식으로 표현해주기 (0) | 2022.07.10 |
| [Javascript] 네이버 지도 api를 사용해서 지도 표시 및 마커 찍기 (2) | 2022.07.06 |
| [JavaScript] Full-calendar 커스텀하기 (0) | 2022.07.01 |
| [javascript] 모달창의 외부를 클릭하면 모달창이 안 보이게 하기 (0) | 2022.06.24 |
