자바스트립트 객체

자바스트립트 객체

ㆍ설명

▶ 객체(object)란?
자바스크립트에서 객체란 브라우저창,이미지,입력양식등...웹문서속의 각각의 모든
항목들을 말한다고 보면 되겠습니다

▶ 속성이란?
각 객체가 지닌 특성을 말합니다.
사용법 : 객체명.속성="속성값";
예) window.status="반가워여"; --> 브라우저 상태바에 반가워여라는 글자를 보입니다.

▶ 메서드란?
각 객체에게 어떤 동작을하도록하는 명령어라고보면 됩니다.
예를들어 window객체의 close라는 메서드는 브라우저창에게 창을닫도록 명령합니다.
사용법 : 객체명.메서드(인자값);
예) window.alert("경고한다.밥무라"); --> 경고한다.밥무라라는 메세지로경고창을띄웁니다

▶ 자바스크립트와 DHTML
객 체의 메서드나 속성중에서 근래에는 잘쓰여지지 않는 것들도 있습니다, style을 이용한 다이나믹html이 대체되어 쓰이는 경우가 많이 있습니다. 예로 문서의 배경 색깔을 동적으로 변경시키고자 할때 예전에는 document.bgColor = "#ff00ff"; 이렇게 썼으나 요즘은 document.body.style.background = "#ff00ff"; 로 쓰는경우도 많이 볼 수 있습니다.

window 객체의 속성과 메서드

속성
closed - 브라우저 창이 닫혔는지를 체크
opener - 현재창이 새창일경우 현재창을열개한 브라우저창
status - 브라우저의 상태표시줄의 정보
screenLeft - 윈도우화면 좌측상단모서리에서 브라우저 상단까지의 x축 거리
screenTop - 윈도우화면 좌측상단모서리에서 브라우저 상단까지의 y축 거리


메서드
alert - 경고창을 띄운다
blur - 현재창을 최소화한다.포커스를 잃게 한다
focus - 현재창에 포커스를 준다,활성화 시킨다.
moveTo(x,y) - x,y좌표로 브라우저를 이동시킨다
moveBy(dx,dy) - 현재위치에서 dx,dy만큼 창을 이동
resizeTo(w,h) - 브라우저창 크기를 w(폭),h(높이)로 변경한다
resizeBy(dx,dy) - 브라우저창 크기를 dx,dy만큼 변경한다
open - 새창을 연다
close - 브라우저를 닫는다
print - 문서를 인쇄한다
setTimeout - 특정시간후에 특정작업을 호출합니다
clearTimeout - setTimeout으로 설정한 Timer를 해제합니다

document 객체의 속성과 메서드

속성
title - 문서의 제목
lastModified - 마지막으로 수정된 날짜
bgColor - 문서의 배경색
fgColor - 문서의 글자색
linkColor - 링크의 색상
alinkColor - 링크 클릭시의 색상
vlinkColor - 방문했던 링크의 색상
forms - 문서에 여러개의 폼이 있을경우 각폼들은 폼이름대신 document.forms[index]으로 접근할수있습니다. index는 0부터시작합니다.
links - 문서에서의 a href태그들의 정보를 가진 콜렉션
images - 문서에서의 모든 img태그들의 정보를 가짐
applets - 문서에서 여러개의 자바애플릿을 사용했을경우 모든애플릿들의 콜렉션
embeds - 문서에서 embed태그의 콜렉션


메서드
write - 문서에 내용쓰기
writeln - 문서에 줄바꿈을 포함한 내용쓰기

screen 객체의 속성

속성
width - 시스템 스크린의 폭(픽셀)
height - 시스템 스크린의 높이(픽셀)
availWidth - 시스템 스크린중 브라우저의 문서영역 폭
availHeight - 시스템 스크린중 브라우저의 문서영역 높이

navigator 객체의 속성과 메서드

속성
userAgent - 브라우저 전체정보
ex) Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)
appCodeName - 브라우저 CodeName
ex) Mozilla
appVersion - 브라우저 Version
ex) 4.0 (compatible; MSIE 6.0; Windows NT 5.0)
appName - 브라우저 이름
ex)Microsoft Internet Explorer
cookieEnabled - 브라우저 쿠키이용 가능여부
반환값 : true/false


메서드
javaEnabled - 브라우저의 자바이용가능여부
반환값 : true/false

history 객체의 속성과 메서드

속성
length history - 목록(방문한사이트목록)의 개수


메서드
go(숫자) - 지정숫자만큼 사이트이동 ex) go(2) 앞으로 2번째로 이동
back - 현재사이트 기준에서 이전사이트로 이동
forward - 현재사이트 기준에서 다음사이트로 이동

Event 객체의 속성

속성
keyCode - 이벤트를 일으킨 키보드의 키코드값
altKey - altKey를 눌렀는지의 여부
ctrlKey - ctrlKey를 눌렀는지의 여부
shiftKey - shiftKey를 눌렀는지의 여부
button - 마우스 오른쪽버튼을 눌렀는지 왼쪽버튼을 눌렀는지의 여부
clientX - 마우스 클릭시 브라우저기준의 x축거리
clientY - 마우스 클릭시 브라우저기준의 y축거리
srcElement - 이벤트가 일어난 엘리먼트

Form 객체의 속성

input type="text" - 각값은 document.form이름.엘리먼트이름.value 로 접근할수 있다
input type="password"
input type="checkbox" - 어떤 값이 선택되었는지는 루프를 돌며 checked속성이 true인지 false인지로 체크할 수 있다
input type="radio"
input type="file" - 파일업로드를 위한 객체로서 파일값이 변할때 onChange이벤트 핸들러를 사용한다
input type="button" - submit이나 reset버튼의 제한된 기능에 다른여러기능을 추가적으로 스크립트로 제어할 때는 input type="button"을 쓰고 onClick이벤트 핸들러를 사용한다
input type="submit" - 폼을 전송한다
input type="reset" - 폼을 초기상태로 reset한다
select - 선택값은 document.forms이름.엘리먼트이름.value로접근할 수 있습니다


속성
disabled - 버튼이나 셀렉트박스등을 클릭 선택하지 못하게 합니다
readonly - 텍스트 박스의 내용을 읽기 전용으로 합니다

Date 객체의 메서드

▶ 특징
다 른 객체와 달리 new연산자와 생성자 함수 Date()를 사용해서 객체인스턴스를 생성한후 그메서드들을 이용할수있다. 사실 생성자함수에는 몇가지유형 인자를 가지는 유형이 있으나 인자없는 단순한 Date(); 함수만으로도 충분하다 ..다른 인자를 가지는 생성자들까지 공부할려면 이야기주제는 자바스크립트라기보다 자바에 가까와 질듯하다...

메서드
getTime - 1970년 1월1일 오전0시0분0초로 부터 현재까지의 시간을 m초로 반환한다
getYear - 현재의 년도를 반환한다
getMonth - 현재의 월을 반환한다 (1월:0 2월:1...)
getDate - 날짜(1~31)를 반환한다
getHours - 현재의 시간을 반환한다 (5시 --> 17)
getMinutes - 현재의 분을 반환한다
getSeconds - 현재의 초를 반환한다
getDay - 요일(0:일요일 1:월요일)에 대한 숫자를 반환한다

 

출처: http://kapi.egloos.com/274248