window 객체는 웹브라우저가 제공하는 객체 중에 최상위 객체로 브라우저의 윈도를 나타낸다. 이 객체는 객체구조상 최상위 객체임으로 대부분 이 속성을 참조할때 속성 앞에 붙이지 않아도 된고(생략이가능하다) 대신이 self 나 this 키워드를 사용해도 된다. 그러나 window 객체의 메소드 중에 open()과 close()메소드를 써야한다. 그 이유는 document 객체도 open() 메소드와 close()메소드를 가지고 있기 때문에 어떤 객체인지를 지정해줘야 하기 때문이다.
*window 속성*
closed : 윈도우가 닫혀 있는지 식별
defaultStatus : 브라우저 윈도우의 하단의 상태바에 나타나는 디폴트 상대 메시지를 지정
document : 윈도우에 표시되어 있는 현재 문서를 지정하는 객체
frames : 윈도우 객체에 들어 있는 모든 프레임 객체로 구성된 배열
history : 마지막으로 윈도우로 로드된 URL의 리스트를 포함하는 윈도우의 히스토리 객체
length : window에 들어 있는 프레임의 수 식별
location : window 객체와 관련된 URL을 지정하는 객체
name : 윈도우의 이름 지정
offscreenBuffering 윈도우 정보의 오프스크린 버퍼링이 사용될 것인지를 지정하는 부울값
오프스크린 버퍼링은 윈도우를 나타내기 전에 윈도우의 모든 요소를 로드할 때 사용
opener : 윈도우를 만들거나 열 수 있도록 해주는 window 객체 지정
parent : 특정 윈도우를 포함하는 윈도우를 지정
self : 참조될 현재 윈도우를 지정
status : 브라우저 윈도의 하단의 상태 표시줄에 나타날 임시 메시지를 지정
top : 중첩된 일련의 윈도우에서 맨 위에 있는 브라우저 윈도우를 의미
* window 객체 매소드들 *
alert(text) : 경고 다이얼로그 박스를 표시
blur() : 포커스를 윈도우에서 옮긴다
setInterval(expression,milliseconds) : 지정된 타임아웃 인터벌이 지난 이후에 표현식을 반복해서 평가하거나 함수를 불러온다.
clearInterval(interval) : 이전에 설정된 인터벌 타이머를 클리어
setTimeout(expression,milliseconds) : 타임아웃 기간이 지난 이후에 표현식을 평가하거나 함수를 호출한다.
clearTimeout(timer) : 이전에 설정된 타임아웃을 클리어
close() : 지정된 윈도우를 닫는다.
confirm(text) ; 확인 다이얼로그 박스를 나타낸다.
focus() ; 윈도우로 포커스를 가져간다.
open(url,name,[options]) ; 새로운 윈도우를 열고 새로운 window 객체를 만듬
prompt(text,defaultInput) ; 프롬프트 다이얼로그 박스를 나타낸다.
scroll(x,y) ; 윈도우를 특정 위치까지 스크롤한다.
* open() 메소드가 가지는 속성들 *
속성 - 값 - 설명 순
toolbar yes no 윈도우에 툴바 제공
location yes no 윈도우에 위치 필드 제공
directories yes no 디렉토리 버튼 제공
status yes no 상태 표시줄 제공
menubar yes no 메뉴바 제공
scrollbars yes no 스크롤 바 제공
resizable yes no 윈도우 크기 조절 가능
width 정수 윈도우의 폭(픽셀)
height 정수 윈도우의 높이(픽셀)
2. document 객체
document객체는 브라우저에서 현재 문서를 나타낸다. 구조상 하위에 많은 객체들이 존재하지만 이 객체 또한 window 객체에 속하는 객체이다. 그리고 하나의 객체이면서 window 객체의 속성이기도 하다.
* 속성들 *
alinkColor <BODY> 태그의 alink 속성의 값 지정
anchor 문서에 들어 있는 배열을 참조하는 객체
anchors 문서에 들어 있는 모든 앵커의 배열
applet 문서에 들어 있는 애플릿을 참조하는 객체
applets 문서에 들어 있는 모든 애플릿의 배열
area 문서 안의 이미지맵 영역을 참조하는 객체
bgColor <BODY> 태그의 bgColor 속성의 값 식별
cookie 쿠키의 값 식별
domain 문서가 로드되는 서버의 도메인 이름 식별
embeds 문서안의 모든 플러그인의 배열
fgColor <BODY> 태그의 text 속성값 지정
form 문서 안의 폼을 참조하는 객체
Forms[] 문서 안의 모든 폼의 배열
image 문서 안의 이미지를 참조하는 객체
Images[] 문서 안의 모든 이미지의 배열
lastModified 문서가 마지막으로 수정된 날짜
link 문서 안의 링크를 참조하는 객체
links 문서 안의 모든 링크의 배열
linkColor <BODY> 태그의 link 속성의 값 식별
plugin 문서 안의 플러그인을 참조하는 객체
plugins[] 브라우저가 지원하는 플러그인을 나타내는 객체의 배열
referrer 문서에 대한 링크를 제공하는 문서의 URL
title 문서의 타이틀
URL 문서의 URL
vlinkColor <BODY> 태그의 vlink 속성의 값 식별
3. event 객체
이벤트 객체는 브라우저에서 어떤 특정한 사건(행동, 이벤트)가 발생 할때 마다 자동으로 생성되는 객체다. 이 이벤트 객체를 참조하려면 window.event 처럼 사용할 수 있다.
*이벤트 속성 *
onAbort 이미지를 로딩하는 작업이 사용자의 한 행동으로 인해 취소되었음
onBlur 문서나 윈도우, 프레임세트, 폼 요소에서 현재 입력 포커스가 사라짐
onChange 텍스트 필드나 텍스트 영역, 파일 업로드 필드, 선택 항목이 변경되어 현재 입력 포커스가 사라짐
onClick 링크나 클라이언트측 이미지맵 영역, 폼 요소가 클릭됨
onDbClick 링크나 클라이언트측 이미지맵 영역, 문서가 더블 클릭됨
onDragDrop 드래그된 객체가 윈도우나 프레임에 드롭됨
onError 이미지나 윈도우, 프레임을 로딩하는 동안 에러가 발생함
onFocus 문서나 윈도우, 프레임 세트, 폼 요소에 입력 포커스 놓임
onKeyDown 키를 누름
onKeyPress 키를 눌렀다 놓음
onKeyUp 키를 놓음
onLoad 이미지나 문서, 프레임이 로드됨
onMouseDown 마우스 버튼 누름
onMouseMove 마우스를 이동함
onMouseOut 링크나 클라이언트측 이미지맵에서 마우스를 옮김
onMouseOver 마우스를 링크나 클라이언트측 이미지맵으로 옮김
onMouseUp 마우스 버튼을 놓음
onMove 사용자가 윈도우나 프레임을 이동함
onReset 폼의 리셋 버튼을 클릭하여 폼을 리셋시킴
onResize 사용자가 윈도우나 프레임의 크기를 조절
onSelect 텍스트는 텍스트 필드나 영역에서 선택됨
onSubmit 폼이 제출됨
onUnload 사용자가 문서나 프레임 세트를 종료함
4. frame 객체
프레임객체는 프레임셋 문서내에서 단일 프레임을 정의한다. 이 프레임 또한 하나의 객체이며 window 객체의 속성이기도 하다. 이 객체는 어떠한 이벤트도 지원하지 않는게 특징이다. 이 객체에 접근하기 위해서는 parent.document.all.frameid 처럼 프레임에 아이디를 지정하여 접근할수있다.
5. history 객체
history 객체는 특정문서가 열릴때 마다 자동으로 생성되는 객체로, 사용자들이 최근에 윈도우를 이용하여 방문했던 URL 리스트를 간직하고 있다. 이 객체 또한 어떠한 이벤트도 지원하지 않는다.
window.history 로 사용할 수 있다.
6. location 객체
이 객체는 현재 문서의 URL에 대한 정보를 간직하며 브라우저가 특정 문서로 이동하게 할때 이용한다.
사용법 : window.location = "http://harogi.net" ;
*속성들*
location 객체의 프로퍼티 프로퍼티 설 명
hash URL의 앵커 부분(존재하는 경우)
host URL의 hostname:port 부분
hostname URL의 host부분
href 전체 URL
pathname URL의 경로명 부분
port URL의 포트 부분
protocol URL의 프로토콜 부분
search URL의 쿼리 스트링 부분
*메소드*
reload() : 윈도우의 현재 문서를 브라우저의 Reload 버튼에서 사용하는 정책에 따라 다시 로드
Every time : 문서는 매번 서버에서 다시 로드
Once per session : 서버의 문서의 날짜가 캐시에 저장되어 있는 문서보다 더 최신 날짜라는 것을 나타내면 문서는 세션당 한 번씩 서버에서 다시 로드된다. 문서가 캐시에 없는 경우에는 서버에서 로드
Never : 문서는 가능하면 캐시에서 다시 로드, 그렇지 않으면 서버에서 로드
replace() : URL을 파라미터로 취하여, 현재 문서 히스토리 목록에 있는 현재 문서위로 그 URL의 문서를 로드, 그러면 브라우저의 Back버튼을 클릭하여 이전 문서로 돌아갈 수 없음
7. navigator 객체
사용자가 현재 사용중인 웹브라우저에 대한 정보를 제공한다. 이 객체가 제공하는 속성들은 모두 읽기 전용이다. 이놈 또한 어떠한 이벤트도 제공하지 않는다. 이 객체를 참조하려면 그냥 Navigator 를 이용하면 된다. 이 객체는 window 객체에 속하지 않는다.
*네비게이터 객체의 속성*
속성 - 지원브라우저 - 설명 순
appCodeName N2, I.E3 브라우저 색상 이름
AppMinorVersion I.E4 브라우저 버전 번호
appName N2, I.E3 브라우저 이름
appVersion N2, I.E3 브라우저의 버전
browserLanguage I.E4 브라우저에 설정되어 있는 언어
connectionSpeed I.E4 브라우저가 네트워크에 연결되는 속도
cookieEnabled I.E4 브라우저가 쿠키를 허용하도록 설정되어 있는지의 여부
cpuClass I.E4 브라우저 실행시 사용되는 마이크로프로세서의 유형
onLine I.E4 브라우저가 현재 온라인 연결을 가지고 있는지 여부
Language N4, I.E4 브라우저에 설정되어 있는 언어
mimeTypes N3, I.E4 현재 브라우저가 지원하는 모든 MIME 유형의 배열
platform N4, I.E4 브라우저가 실행되는 운영체제 플랫폼
plugins N3, I.E4 현재 브라우저에 설치된 모든 플러그인의 배열
systemLanguage I.E4 운영체제의 디폴트 언어
userAgent N2, I.E3 브라우저에서 서버로 전송된 HTTP 프로토콜의 사용자 에이전트 헤더
userLanguage I.E4 사용자가 사용하는 언어
userProfile I.E4 사용자 프로파일 정보에 대한 액세스를 제공하는 객체
*네비게이터 객체의 메소드*
javaEnabled() 사용자가 브라우저의 Java 기능을 켜두었는지의 여부를 나타내는 부울값 리턴
taintEnabled() 사용자가 data tainting(보안 메커니즘)을 활성화했는지 여부를 나타내는 부울값 리턴
preference 서명이 되지 않은 스크립트가 보안 관련 프로퍼티를 얻고 설정할 때 사용
8. screen 객체
사용자의 스크린 크기와 해상도 등에 대한 정보를 제공한다. 메소드와 이벤트 제공하지 않음. 사용은 window.screen 으로...
9. form 객체
form 객체는 데이터 입력폼들의 범위를 제한하기 위해 사용한다. 그러므로 하나의 문서에 여러개의 폼이 존재할수도 있다. 주의할 점은 하나의 폼이 다른 폼을 포함할 수는 없다. 이 객체를 참조하기 위해서는 "window.document.폼의이름" 으로 하면 된다. 당연히 window는 생략가능하다.
10. 상위의 Event 객체
data N DragDrop 이벤트로 인해 드롭된 객체의 URL이 들어있는 스트링 배열
height, width N 윈도우나 프레인의 길이와 너비(픽셀표시)
pageX, pageY N 픽셀로 나타낸 커서의 수평/수직 위치(페이지에서의 상대적위치)
screenX, screenY N, I.E 픽셀로 나타낸 커서의 수평/수직 위치(화면에서의 상대적 위치)
layerX, layerY N 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 레이어에 대한 상대적 위치. Resize 이벤트와 함께 사용하면 layerX와 layerY가 이벤트가 타겟으로 하는 객체의 길이와 너비 지정
clientX와 clientY I.E 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 웹페이지에서의 상대적 위치
offsetX, offsetY I.E 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 컨테이너에 대한 상대적 위치
X, Y I.E 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 문서에 대한 상대적 위치
target N 이벤트가 전송된 원래 객체
srcElement I.E 이벤트가 전송된 원래 객체
type N, I.E 발생한 이벤트 유형
which N 눌려진 마우스 버튼(왼:1, 가:2, 오:3)이나 눌려진 키의 ASCII값
keyCode I.E 키 누름과 연관된 Unicode 키 코드를 식별
button I.E 이벤트가 발생했을 때 눌려진 마우스 버튼 식별(0:눌려진버튼없음, 1:왼, 2:오, 4:가)
modifiers N 마우스나 키 이벤트와 연관된 수정자 키(ALT_MASK,CONTROL_MASK,SHIFT_MASK,META_MASK)를 식별
altkey,ctrlkey,shiftkey I.E true나 false로 설정하여 이벤트가 발생했을 때 Alt키와 Control키, Shift 키 중에 어떤 것이 눌려졌는지 알려준다.
cancelBubble I.E true나 false로 설정하여 이벤트 버블링을 취소하거나 활성화한다.
fromElement, toElement I.E 이동 중인 HTML 요소 지정
reason I.E 데이터 소스 객체에 대한 데이터 전송 상태를 나타내는데 사용
returnValue I.E true나 false로 설정하여 이벤트 핸들러의 리턴값을 나타낸다. 이벤트 핸들러에서 true나 false를 리턴하는 것과 같다.
srcFilter I.E onfilterchange 이벤트를 시작하는 filter객체 지정
11. link객체
*속성*
hash URL의 앵커 부분(존재하는 경우)
host URL의 hostname:port 부분
hostname URL의 host부분
href 전체 URL
pathname URL의 경로명 부분
port URL의 포트 부분
protocol URL의 프로토콜 부분
search URL의 쿼리 스트링 부분
target 링크의 HTML, target 속성
http://blog.nice2seeyou.com/mike/trackback/158
YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST
