history 객체는 사용자가 방문한 URL을 포함하여 브라우저 기록을 포함한다. 사용자의 개인정보를 보호하기 위해 자바스크립트가 이 객체에 액세스 할 수 있는 방법에 제한이 있다.
특징정리
1. history 객체는 window에 속하는 하위 객체이다.
2. histioy 객체는 사용자가 방문한 브라우저 기록 정보를 가진다.
3. history 객체를 이용하여 이전 페이지 혹은 다음 페이지로 이동 가능하다.
history 속성
| 속성 | 설명 |
| length | history 목록의 URL수를 반환한다 |
history 메서드
| 메서드 | 설명 |
| back() | history 목록에서 이전 URL을 로드한다 |
| forward() | history 목록에서 다음 URL을 로드한다 |
| go() | go(n)일 때 n의 값에 따라 양수면 이후 페이지, 음수면 이전 페이지를 로드한다 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="goBack()">back</button>
<button onclick="goForward()">forward</button>
<script>
function goBack() {
history.back();
}
function goForward() {
history.forward();
}
</script>
</body>
</html>
'웹 프로그래밍 기초 > BOM 브라우저 객체' 카테고리의 다른 글
| location 객체 (0) | 2025.04.10 |
|---|---|
| screen 객체 (0) | 2025.04.10 |
| setTimeout(), setInterval() (0) | 2025.04.10 |
| resizeTo(), resizeBy() (0) | 2025.04.10 |
| moveTo(), moveBy() (0) | 2025.04.10 |