window 객체의 속성
속성 |
설명 |
defaultStatus |
브라우저 상태 표시줄에 표시할 문자열의 초기값 설정 |
status |
상태 표시줄에 표시할 문자열 지정 |
window |
창 자신을 가리킴 |
frames |
창에 포함된 프레임을 배열 형태로 지정 |
opener |
open()메소드를 사용해서 새창을 열었을 경우, 새창을 열도록 한 문서를 가리킴 |
parent |
주종 관계를 이루고 있는 프레임 문서에서 상위 프레임을 가리킴 |
self |
현재 작업중인 창 자기 자신을 가리킴 |
top |
프레임이 설정되기 전의 상태로 돌아감, 프레임을 모두 무시하고 창 하나만 남음 |
classes |
문서 안에 정의된 모든 스타일시트의 정보를 갖음 |
tags |
문서 안에 정의된 모든 태그의 정보를 나타냄 |
screenX |
창의 x좌표 반환 |
screenY |
창의 y좌표 반환 |
closed |
창이 닫혀 있는지 확인한 후 true,false 반환 |
name |
창 이름 반환 |
length |
창 안에 프레임 수 반환 |
창생성과 제거
open("문서명","창이름","속성") | 새창을 열음 |
close() | 창을 닫음 |
창 열고 닫기 예제
open누르면 새창 열림 |
close 눌르면 창이 닫힘 |
|
|
window_oepn.html
- <html>
- <head>
- <title> window_test </title>
- <script language="JavaScript">
- <!--
- function test_open()
- {
- window.open("window_close.html","test","toolbar=no,status=yes,width=200,height=200")
- }
- -->
- </script>
- </head>
- <body>
- <form>
- <input type="button" value="open" onClick="test_open()"><br>
- </form>
- </body>
- </html>
- <html>
- <head>
- <title> 새창임둥 </title>
- </head>
- <body>
- <form>
- <input type="button" value="close" onClick="self.close()"><br>
- </form>
- </body>
- </html>
브라우저 크기, 위치 설정
moveBy(x,y) | 브라우저를 상대좌표로 지정한 픽셀만큼 이동 |
moveTo(x,y) | 브라우저를 절대좌표로 지정한 위치로 이동 |
resizeBy(x,y) | 브라우저의 크기를 상대적으로 지정한 픽셀만큼 설정 |
resizeTo(x,y) | 브라우저의 크기를 절대 값으로 지정한 픽셀만큼 설정 |
scrollBy(x,y) | 스크롤을 상대좌표로 이동 |
scrollTo(x,y) | 스크롤을 절대좌표로 이동 |
위치설정 예제
- <html>
- <head>
- <title> window_test </title>
- <script language="JavaScript">
- <!--
- function re_move(sel)
- {
- switch(sel)
- {
- case "up":window.moveBy(0,-30)
- break
- case "down":window.moveBy(0,+30)
- break
- case "left":window.moveBy(-30,0)
- break
- case "right":window.moveBy(+30,0)
- break
- }
- }
- -->
- </script>
- </head>
- <body>
- <form>
- <input type="button" value="up" onClick="re_move('up')"><br>
- <input type="button" value="down" onClick="re_move('down')"><br>
- <input type="button" value="left" onClick="re_move('left')"><br>
- <input type="button" value="right" onClick="re_move('right')"><br>
- </form>
- </body>
- </html>
동작 시간간격을 조절
setTimeout("명령문",시간간격) | 일정한 시간 간격으로 명령문을 반복 실행(시간읜 1/1000초 단위) |
clearTimeout() | SetTimeout()으로 동작하는 타이머 해제 |
기타 | |
print() | 현재 문서 출력 |
기타
print() | 현재 문서 출력 |
윈도우 히스토리 제어
back() | 한단계 이전의 URL로 이동 |
forward() | 한단계 이후의 URL로 이동 |
home() | 브라우저에서 home으로 지정된 URL 이동 |
stop() | 브라우저의 'stop' 버튼처럼 불러오기 중지 |
find("문자열") | 지정된 문자열이 있는지 검사(true, false 값) |
넷스케이프 네비게이터 전용
setTimeout("명령문",시간간격) | 일정한 시간 간격으로 명령문을 반복 실행(시간읜 1/1000초 단위) |
clearTimeout() | SetTimeout()으로 동작하는 타이머 해제 |
기타 | |
print() | 현재 문서 출력 |
넷스케이프 네비게이터 전용 | |
back() | 한단계 이전의 URL로 이동 |
forward() | 한단계 이후의 URL로 이동 |
home() | 브라우저에서 home으로 지정된 URL 이동 |
stop() | 브라우저의 'stop' 버튼처럼 불러오기 중지 |
find("문자열") | 지정된 문자열이 있는지 검사(true, false 값) |
네스케이프 전용
innerHeight | 브라우저 내용의 높이 |
innerWidth | 브라우저 내용의 넓이 |
outerHeight | 브라우저의 전체 높이 |
outerWidth | 브라우저의 전체 넓이 |
pageXoffset | 현재 나타내는 페이지의 x좌표 |
pageYoffset | 현재 나타내는 페이지의 y 좌표 |
window 응답을 요구하는 대화상자를 생성하는 메소드
alert("메시지") | 경고창 띄움 |
prompt("메시지","기본문구") | 입력 창 띄움 |
confirm("메시지") | 확인, 취소 창 띄움 |
open 메소드로 창 열기
open()메소드로 창 열기
window.open("문서명","창이름","옵션 설정");
window.open()메소들에 설정할 수 있는 창 옵션
옵션 |
값 |
설명 |
directories | yes/no |
연결 등 디렉토리 메뉴 표시 여부 |
menubar | yes/no |
메뉴 바 표시 여부 |
toolbar | yes/no |
툴 바 표시 여부 |
location | yes/no |
주소 입력줄 표시 여부 |
resizable | yes/no |
크기 재설정 버튼 표시 여부 |
status | yes/no |
상태 표시줄 표시 여부 |
scrollbars | yes/no |
스크롤 바 표시여부 |
copyhistory | yes/no |
히스토리 정보를 저장할지 여부 |
channelmode |
|
|
fullscreen |
|
|
width | pixel |
창 넓이 |
height | pixel |
창 높이 |
left | pixel |
창의 좌측 좌표값 |
top | pixel |
창의 위쪽 좌표값 |
반응형
'웹프로그래밍 > javascript' 카테고리의 다른 글
javascript - document 객체 (0) | 2011.02.28 |
---|---|
javascript - screen 객체 (0) | 2011.02.23 |
javascript - 제어문 (0) | 2011.02.19 |
javascript - 함수 (0) | 2011.02.19 |
javascript - 연산자 (0) | 2011.02.19 |