자바 스크립트(JavaScript) 기초 문법 - 브라우저 객체 (screen객체, history 객체, navigator 객체)

자바 스크립트(JavaScript) 기초 문법 

브라우저 객체

브라우저에 내장된 객체를 '브라우저 객체'라고 한다. window는 브라우저 객체의 최상위 객체이며, window객체에는 하위 객체가 포함되어 있다. 계층적 구조로 이루어져 있으며 이를 브라우저 객체 모델(BOM, Browser Object Model)이라고 한다.

 

브라우저 객체의 계층적 구조

 

screen 객체

screen 객체는 사용자의 모니터 정보(속성)을 제공하는 객체이다.

 

<script>
screen.속성;

screen.width;//모니터의 너비값을 반환
screen.height;//모니터의 높이값을 반환
screen.availWidth;//작업표시줄을 제외한 화면의 너비값 반환
screen.availHeight;//작업 표시줄을 제외한 화면의 높이값 반환
screen.colorDepth;//사용자 모니터가 표현 가능한 컬러 bit를 반환
</script>

 

location 객체

location 객체는 사용자 브라우저와 관련된 속성과 메소드를 제공하는 객체이다.

현재 URL에 대한 정보(속성)와 새로 고침(reload)메소드를 제공

 

<script>
location.속성;
location.메소드();
</script>

 

종류	설명
location.href	주소 영역의 참조 주소를 설정하거나 URL을 반환 ex) location.href; //사용자 브라우저의 URL 경로값을 가져온다. location.href="http://www.tistory.com"; // 사용자 브라우저의 URL 경로를 지정한 주소로 변경
location.hash	URL의 해시값(#에 명시된 값)을 반환한다.
location.hostname	URL의 호스트 이름을 설정하거나 반환한다.
location.host	URL의 호스트 이름과 포트번호를 반환한다.
location.protocol	URL의 프로토콜을 반환한다.
location.search	URL의 쿼리(요청값)을 반환한다.
location.reload()	브라우저를 새로고침한다.

 

history 객체

history객체는 사용자가 방문한 사이트의 기록을 남기고 이전 방문 사이트와 다음 방문사이트로 다시 돌아갈 수 있는 속성과 메소드를 제공한다.

 

<script>
history.속성;
history.메소드();
history.메소드(n);
</script>

 

종류	설명
history.back()	이전 방문 사이트로 이동한다.
history.forward()	다음 방문 사이트로 이동한다.
history.go(이동 숫자)	이동 숫자에 -2를 입력하면 2단계 이전의 방문 사이트로 이동한다.
history.length	방문 기록에 저장된 목록의 개수를 반환한다.

 

navigator 객체

navigator 객체는 현재 방문자가 사용하는 브라우저 정보와 운영체제 정보를 제공하는 객체이다.

 

<script>
navigator.속성;
</script>

 

종류	설명
navigator.appCodeName	현재 브라우저의 코드명을 반환한다.
navigator.appName	현재 브라우저의 이름을 반환한다.
navigator.appVersion	현재 브라우저의 버전 정보를 반환한다.
navigator.language	현재 브라우저가 사용하고 있는 언어를 반환한다. 한국어를 사용할 경우는 'ko'반환.
navigator.product	현재 브라우저의 엔진 이름을 반환한다.
navigator.platform	현재 컴퓨터의 운영체제 정보를 제공한다. 운영체제가 윈도우이고 시스템 종류가 64비트(bit)라도 브라우저가 32비트로 설치되었다면 "Win32"라고 나타난다.
navigator.onLine	온라인 상태 여부에 대한 정보를 제공한다. 만일 인터넷이 정상적으로 연결되어 있는 상태라면 true 값을 반환한다.
navigator.userAgent	브라우저와 운영체제의 종합 정보를 제공한다.