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 실행을 멈춘다.
'디지털 양피지 > JavaScript' 카테고리의 다른 글
Web App. 개발을 위한 객체지향 JavaScript [1일차 - 2] (0) | 2014.05.12 |
---|---|
Web App. 개발을 위한 객체지향 JavaScript [1일차 - 1] (0) | 2014.05.12 |
JavaScript 변수 (0) | 2013.03.15 |
Core DOM과 HTML DOM (0) | 2013.03.12 |
자바스크립트(JavaScript) (0) | 2013.03.10 |