객체 - 브라우저 객체

브라우저에 내장된 객체를 '브라우저 객체'라고 한다.

window는 브라우저 객체에 최상위 객체이며, window 객체에는 하위 객체가 포함되어 있다.

window	document	body, div, img, a, from, input.. 등
	screen
	location
	history
	navigator

 

window 객체의 메서드 종류

종류	설명
open("URL","새 창 이름","새 창 옵션")	URL 페이지를 새 창으로 나타낸다.
alert(data)	경고 창을 나타내고 데이터를 보여준다.
prompt("질문","답변")	질문과 답변으로 질의 응답 창을 나타낸다.
confirm("질문 내용")	질문 내용으로 확인이나 취소 창을 나타낸다. 확인을 누르면 true, 취소를 누르면 false반환.
moveTo(x,y)	지정한 새 창의 위치를 이동한다.
resizeTo(width,height)	지정한 새 창의 크기를 변경한다.
setInterval(function(){자바스크립트 코드},일정 시간 간격)	지속적으로 일정한 시간 간격으로 함수를 호출하여 코드 실행. clearInterval()호출 시 setInterval()메서드를 취소
setTimeout(function(){자바스크립트 코드}, 일정 시간 간격)	단 한 번 일정한 시간 간격으로 함수를 호출하여 코드 실행. clearTimeout()호출 시 setItmeout()메서드 취소

screen 객체

screen. 속성;처럼 사용한다.

screen 객체의 속성 종류

종류	설명
screen.width	화면의 너비값을 반환한다.
screen.height	화면의 높이값을 반환한다.
screen.availWidth	작업 표시줄을 제외한 화면의 너비값을 반환.
screen.availHeight	작업 표시줄을 제외한 화면의 높이값을 반환.
screen.colorDepth	사용자 모니터가 표현 가능한 컬러 bit를 반환.

screen 객체의 속성

모니터의 환경에 따라서 다르게 보여짐

location 객체

사용자 브라우저와 관련된 속성과 메서드를 제공한다. 현재 URL에 대한 정보(속성)와 새로고침(reload) 메서드를 제공.

locaction. 속성; location. 메서드();

location 객체의 속성 종류

종류	설명
location.href	주소 영역의 참조 주소를 설정하거나 URL을 반환. ex)location.href = "http://www.easypub.co.kr" 로 주소변경 http://www.easyspub.co.kr:80/Main/pub#view
location.hash	URL의 해시값(#에 명시된 값)을 반환. ex)http://www.easyspub.co.kr/Main/pub#view
location.hostname	URL의 호스트 이름을 설정하거나 반환. ex)http://www.easyspub.co.kr:80/
location.host	URL의 호스트 이름과 포트 번호를 반환. ex)http://www.easyspub.co.kr:80/
location.protocol	URL의 프로토콜을 반환. ex)http://www.easyspub.co.kr:80/
location.search	URL의 쿼리(요청값)을 반환. ex)http://www.easyspub.co.kr?pageNum=1&sort=DESC
location.reload()	브라우저에서 F5키를 누른 것처럼 새로 고침.

http://www.easyspub.co.kr:80/Main/pub#view 접속 후 개발자 콘솔에서 location을 호출하면 나타나는 화면

histoty 객체

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

history.속성; ex) history.length

history.메서드(); ex)history.back();

history.메서드(n); ex)history.back(2);

history 객체의 속성 종류

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

navigator 객체

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

navigator.속성;

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

크롬 개발자 모드에서 콘솔에 navigator호출시 보여지는 정보