window 객체 - 최상위 객체
location 객체 (주소)
document 객체 (출력 화면)
history 객체 (방문 내역)
screen 객체 (브라우저와 브라우저가 표시되는 모니터 화면 전체)
navigator (브라우저 정보)
location 객체를 이용하여 주소를 이동할 수 있다.
<script>
function move(){
location.href = "https://www.google.com"; // location 객체의 href를 활용
}
</script>
<body>
<a href="https://www.naver.com">네이버</a> // a태그도 location 객체의 일부이다.
// location 객체의 href를 이용
<button onclick="move()">구글</button>
<button onclick="location_object()">location 객체 보기</button>
<script>
function location_object(){
window.close();
}
</script>
<body>
window 객체 종류
window 객체 : 브라우저를 열었을 때 생성되는 항상 존재하는 객체
석상 : classes, defaultStatus, document, frame, history, legnth, location, navigator 등
- classes : HTML 문서에서 정의된 모든 스타일 시트
- defaultStatus : 상태바에 표시될 문자열 지정
- frame : window에 포함된 프레임수 반환
-> 여러 프레임이 존재할 경우 배열 형태로 표현 가능
(window.frames[0])
- history : window가 방문한 URL 정보
- innerHeight : 현재 브라우저의 document 영역의 높이
- innerWidth : 현재 브라우저의 document 영역의 너비
- location : 현재 문서의 URL 정보
- menubar : 메뉴바 표시 여부 지정
- opener : open() 함수로 생성한 윈도우 이름
-> 부모를 의미함
- name : window 이름
- outerHeight : 윈도우 밖 테두리 높이
- outerWidth : 윈도우 밖 테두리 너비
- pageXOffset : window에 표시되는 X 위치
- pageYOffset : window에 표시되는 Y 위치
- scroll
- alert() : 메세지와 OK 버튼을 가진 메시지 박스
- setInterval : 지정된 시간만큼 반복
- setTimeout : 지정된 시간 이후에 실행
- clearInertval : setInterval 해제
- clearTimeout : setTimeout 해재
- close() : 윈도우 닫기
- confirm : 질문 다이얼로그 확인과 취소 버튼을 가진 박스
- back, forward : 뒤, 앞으로 이동
- moveBy(x, y) : 윈도우 이동(상대적)
- moveTo(x, y) : 윈도우 이동(절대적)
- resizeBy(x, y) : 윈도우 크기 변경(상대적)
- resizeTo(x, y) : 윈도우 크기 변경(절대적)
- open : 새 윈도우 생성
-> open( url, window_name, property)
-> url : 페이지 주소
-> window_name : _blank(새창에 열린다.)
-> _parent (부모 프레임에 열린다.)
-> _self (현재 페이지를 대체한다.)
_top (로드된 프레임셋 대체)
-> prooerty : 새 window의 옵션 부여
height 새창의 높이 지정
width 새창의 너비 지정
left 모니터 화면 왼쪽에서부터 위치
top 모니터 화면 위쪽에서부터 위치
channelmode : 전체화면 (yes, NO)
fullscreen : 전체화면 (yes, no)
location : 주소 표지줄 표시여부 (yes, no)
menubar : 메뉴바 표시 여부 (yes, no)
scrollbars : 스크롤바 표시여부 (yes, no)
status : 상태바 표시여부 (yes, no)
resizable : window 크기 변경 가능 여부 (yes, no)
toobat : 툴바 표시여부 (yes, no)