반응형
●window 오브젝트의 주요 프로퍼티와 메서드. 자기 자신의 창에 대해서는 'window.프로퍼티명'이나 window.매서드명'의 'window.'부분을 생략할 수 있다.
ex)
프로퍼티 | 기능 |
document | Document 오브젝트를 참조한다. |
history | History 오브젝트를 참조한다. |
location | Location 오브젝트를 참조한다. |
frames | Frame 오브젝트의 연상 배열을 참조한다. |
closed | 창이 닫혀있는지를 참조한다. |
opener | 자기 자신을 오픈한 창을 참조한다. |
innerWidth | 창 안쪽의 너비를 참조 설정한다. |
innerHeight | 창 안쪽의 높이를 참조 설정한다. |
outerWidth | 창 바깥쪽의 너비를 참조 설정한다. |
outerHeight | 창 바깥쪽의 높이를 참조 설정한다. |
status | 상태 표시줄의 문자열을 참조 설정한다. |
defaultStatus | 상태 표시줄의 표준 문자열을 참조 설정한다. |
name | 창 이름을 참조설정한다. |
메서드 | 기능 |
open() | 새 창을 연다. |
close() | 창을 닫는다. |
moveTo() | 창의 위치를 절대값으로 설정한다. |
moveBy() | 창의 위치를 상대값으로 설정한다. |
resizeTo() | 창의 크기를 절대값으로 설정한다. |
resizeBy() | 창의 크기를 상대값으로 설정한다. |
focus() | 창을 맨 앞으로 이동한다. |
blur() | 창을 맨 뒤로 이동한다. |
alert() | 경고 대화상자를 표시한다. |
confirm() | 확인 대화상자를 표시한다. |
prompt() | 문자 입력 대화상자를 표시한다. |
setTimeout() | 일정 시간마다 반복처리하는 타이머를 설정한다. |
clearTimeout() | setTimeout() 의 타이머를 해제한다. |
setInterval() | 일정시간후 한 번만 처리하는 타이머를 설정한다. |
clearInterval() | setInterval()의 타이머를 해제한다. |
●window 오브젝트 조작하기 몇가지 예시
- open() 메서드를 새 창 열기
ex)
abc = window.open(http://www.navaer.com/);
- open 옵션사용하기
ex)
window.open(http://www.naver.com, "창 이름", "menubar=1");
옵션 값 | 기능 |
location= 1 또는 0 | 주소 표시줄(1이 표시이고, 0이 표시 안 함 이다.) |
menubar=1 또는 0 | 메뉴 표시줄 |
scrollbars=1 또는 0 | 스크롤바 |
toolbar=1 또는 0 | 도구 상자 |
resizable=1 또는 0 | 창의 크기 변경 가능 여부 |
width=숫자 | 창 너비 |
height=숫자 | 창 높이 |
status | 상태 표시줄 |
-close() 메서드로 창을 닫는다.
ex)
abc.close();
●document 오브젝트
- 브라우저에 표시되는 문자열, 그림, 폼, 링크 등과 같은 문서를 다루는 오브젝트이다. 'document.프로퍼티명', 'document.메서드명'으로 기술한다.
프로퍼티 | 기능 |
forms | Form 오브젝트의 연상 배열이다. |
anchors | Anchor 오브젝트의 연상 배열이다. |
lastModified | 마지막으로 수정한 날자를 참조한다. |
fgColor | 문자 색을 참조 설정한다. |
linkColor | 아직 열지 않은 링크의 문자색을 참조 설정한다. |
alinkColor | 활성화된 링크의 문자색을 참조 설정한다. |
vlinkColor | 이미 연 링크의 문자색을 참조 설정한다. |
bgColor | 배경색을 참조 설정한다. |
domain | 표시한 페이지의 도메인을 참조한다. |
URL | 표시한 페이지의 URL을 참조한다. |
location | 표시한 페이지의 URL을 참조 설정한다. |
title | 표시한 페이지의 제목을 참조한다. |
cookie | 쿠키를 참조설정한다. |
referrer | 분기처의 URL을 참조한다. |
메서드 | 기능 |
open() | 새 도큐먼트의 출력을 시작한다. |
close() | 도큐먼트의 출력을 종료한다. |
clear() | 도큐먼트를 삭제한다. |
write() | 문자열을 출력한다. |
writeln() | 문자열을 출력하고 줄 바꿈을 한다. |
●history 오브젝트 - 브라우저의 '앞으로' 버튼이나, '뒤로' 버튼과 같은 동작을 수행할 수 있다. window오브젝트의 story 프로퍼티로 사용할 수 있다.
ex)
<input type="button" value="뒤로" onclick="history.go(-1)">
프로퍼티 | 기능 |
length | 이력 개수를 참조한다. |
메서드 | 기능 |
back() | 한 페이지 뒤로 돌아간다. |
forward() | 한 페이지 앞으로 간다. |
go() | 지정한 값 만큼 이동한다. |
●기타 여러가지 오브젝트, 프로퍼티, 메서드가 있다. 추후 업데이트
반응형
'프로그래밍 > java script' 카테고리의 다른 글
javascript 체크박스(checkbox) 하나만 선택, 모두 선택/해제 (0) | 2013.11.05 |
---|---|
javascript DOM2 (0) | 2013.08.13 |
javascript DOM1 (0) | 2013.08.12 |
java script 문법 정리 2 (0) | 2012.03.21 |
java script 문법 정리 1 (0) | 2012.03.21 |
댓글