4) history 객체
: 브라우저에서 뒤로가기 앞으로가기 기능을 코드로 실행시키는 기능 제공
# 속성들 메서드
back() : 뒤로가기
forward() : 앞으로가기
go(이동숫자) : 이동 숫자를 -2로 입력하면 뒤로가기 2번 / 양수이면 앞으로가기
5) navigator 객체
: 현재 사용자의 브라우저 정보와 운영체제 정보를 제공
# 속성
appVersion : 사용자 브라우저 버전 정보 리턴
language : 사용자 브라우저가 사용하는 언어. 한글 'ko'
product : 사용자 브라우저 엔진 이름.
platform : 사용자 컴퓨터 운영체제 정보 제공.
onLine : 사용자 온라인 상태 여부 제공.
userAgent : 사용자 브라우저와 운영체제의 종합 정보 제공
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
</title>
</head>
<body><!-- 15-4 -->
<h1> page 1</h1>
<button onclick = "location.href='js25.html'"> 2 page로 이동</button>
<button onclick="history.forward()"> 앞으로가기</button>
<button onclick="history.go(1)"> 앞으로가기 go + 1</button>
<script>
// 15- 5 네비
let userAgent = navigator.userAgent;
document.write(userAgent);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>page2</h1>
<button onclick="history.back()">뒤로가기</button>
</body>
</html>
userAgent 출력문 :
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko)
Chrome/102.0.0.0 Safari/537.36
| 화면출력문 | 내용 |
| Mozilla/5.0 | 기본 플랫폼 |
| (Windows NT 10.0; Win64; x64) | 운영체제 정보 |
| AppleWebKit/537.36 (KHTML, like Gecko) | 사용중인 브라우저 엔진 이름 |
| Chrome/102.0.0.0 | 사용중인 브라우저 이름 / 버전 |
| Safari/537.36 | 같은 엔진을 사용중이며 호환 가능한 다른 브라우저 |
'P-Language > [Javascript]' 카테고리의 다른 글
| [Javascript] 17 - addEventListener() 이벤트 등록 (0) | 2022.06.09 |
|---|---|
| [Javascript] 16 - 문서 객체 모델 (DOM, Document Object Model) : DOM 트리 (0) | 2022.06.09 |
| [Javascript] 15 (1) - 브라우저 객체 모델 (BOM, Browser Object Model) (window, screen, location object) (0) | 2022.06.09 |
| [Javascript] 14 - 내장 객체 (Built-in Object) (0) | 2022.06.09 |
| [Javascript] 13 - 자바스크립트 객체 (Object) (0) | 2022.06.08 |