window 객체는 자바스크립트의 최상위 객체이자 웹 브라우저의 상태를 조절해 준다.


window 객체 프로퍼티

closed: 창이 닫혔는지 여부

defaultStatus: 상태 표시줄에 기본 문자열 설정

document: 현재 윈도우의 문서

frames: 윈도우에 사용된 프레임 정보 저장

history: 현재 창의 history

length: 현재 창의 프레임 수

location: 현재 창의 location 변환

name: 창의 이름 설정

opener: 새 창을 열어준 부모 창

parent: 현재 창의 부모 창 선택

self: 현재 창

status: 상태 표시줄에 나타낼 문자열

top: 현재 창을 포함하는 최상위 창 선택


Alert

alert()은 확인만 있는 대화상자를 만들기 위한 메서드다. 

window.alert("메세지");


Confirm

confirm()을 사용하면 확인, 취소 버튼이 있는 대화상자가 뜬다.

return 값이 true이면 확인, 취소이면 false를 return 한다.

var msg = window.confirm("메세지");

if(msg) { 

wondow.alert("확인을 눌렀습니다.");

}

else{ 

wondow.alert("취소를 눌렀습니다."); 

}


Prompt

prompt()는 사용자가 입력을 할 수 있는 입력 대화 상자가 실행되는 메서드로 결과 값으로 입력값을 가진다.

두번째 파라메터는 기본 입력값을 나타낸다.

<script type="application/javascript">

var rmsg = window.prompt("이름이 입력하세요", "홍길동");

window.alert(rmsg + "님 반갑습니다");

</script>

* 이름을 입력하지 않을 경우 "홍길동님 반갑습니다."가 호출된다.


Pop up 

open() 메서드는 Pop Up을 실행시키는 메서드이다.

window.open("팝업에 표시할 파일 이름", "창속성", "창 스타일");

창속성

_blank: 새창 또는 새탭에서 실행

_self: 현재 창에서 실행

_top: 프레임 구조일 경우 가장 상위 프레임에서 실행

_parent: 프레임 구조일 경우 바로 위 프레임에서 실행

사용자 지정 이름: 사용자가 창의 이름을 직접 지정합니다.

window.open("open.html", "_blank");


창 스타일

window.open("open.html", "newwin1", "width=500, height=600, titlebar=0, status=no");

channelmode="yse" or "no": 전체 모드 설정

fullscreen="yes" or "no": 전체 화면 표시 여부 결정

height, width, left, top: 픽셀 단위 정수 값

location=yes or no: 웹브라우저에 주소줄 표시 여부

menubar=yes or no: 웹브라우저에 메뉴 줄 표시 여부

resizable=yes or no: 크기 조절 가능 여부

status=yes or no: 상태 표시줄 

titlebar=yes or no: 제목 표시줄

toolbar=yes or no: 도구 모음 표시 여부


window.close()는 브라우져를 닫아주는 기능을 한다.


window 크기 설정

window 의 크기는 inner와 outer 두가지 종류가 있다. inner 문서는 본문 영역을 말하면 outer는 전체 크기를 말한다.

window.innerWidth, window.innerHeight, window.outerWidth, window.outerHeight

이 값들은 읽기 전용 값이라 값을 조절 할 수는 없다.


window 크기 조절

창의 크기를 조절 하려면 resizeTo() 또는 resizeBy() 메서드를 사용한다.

window.resizeTo(400, 300);

위 치 조절은 moveTo()와 moveBy()를 사용한다.

window.moveTo(0,0);


사용자의 화면 정보를 설정하는 Screen 객체

window.screenLeft, window.screenTop 등은 현재 창의 위치를 리턴한다.

(파이어 폭스는 window.screenX, screenY 등으로 표기)


스크롤

window.scrollTo(100,0);


시간 설정

var interval = setInterval("function()", 1000);: function()을 주어진 시기에 반복적으로 수행. 

var timeout = setTimeout("function()", 1000);: function을 주어진 시간에 한번만 수행

clearInterval(interval);: setInterval 실행을 멈춘다.

clearTimeout(timeout);: setTimeout 실행을 멈춘다.












Posted by 빨간 양말