객체의 계층구조
객체가 뭐지? 라고 궁금증이 생긴다면 아래의 주소를 클릭하자
아래는 자주 쓰는 객체를 정리하였다.
내장 객체 |
설명 |
window |
최상위 객체로 자바스크립트에서 수행되는 모든 작업을 처리 |
navigator |
독립적인 객체로, 현재 사용하고 있는 웹 브라우저의 일반적인 정보를 제공 |
link |
하이퍼 링크 설정과 같이 다른 문서나 URL 위치로 이동할 수 있다. |
anchor |
책갈피 기능처럼 링크된 문장을 이용해 특정 위치로 이동할 수 있다. |
image |
홈페이지 문서에 삽입된 그림을 제어할 수 있다. |
location |
작업 문서의 URL에 관한 정보를 포함하는 객체이다. |
history |
방문 기록을 저장하고 있는 히스토리 목록을 관리한다. |
document |
문서에 대한 정보를 알려주는 객체이다. |
form |
폼 양식에 사용된 입력상자, 목록상자 등을 관리하는 객체이다. |
객체 표현방법
정석적인 객체 이용방법
위쪽에서 객체의 계층구조를 보면 window가 최상위에 있고
그아래에 document가 있고
그 아래에 image가 있다
이런방식으로 최상위부터 순서대로 적어가며 호출하면된다.
상위객체이름.하위객체이름.속성
상위객체이름.하위객체이름.속성="값"
상위객체이름.하위객체이름.메소드
ex)
window.state //아래 상태줄에 문자표시
window.close //창을 닫는다.
window.document.image.src="경로입력"
약식 객체 이용방법
이렇게 일일히 입력하기가 귀찮으니 아래의 약식방법으로도 사용 가능합니다. 하지만 자바스크립트를 처음 접하신 분들의 위의 방법으로 객체의 계층구조를 익히고 아래의 방법을 사용하는 것이 바람직합니다.
객체명,속성
객체명.속성="값"
객체명.메소드
ex) image.src="경로입력"
반응형
'웹프로그래밍 > javascript' 카테고리의 다른 글
javascript - 함수 (0) | 2011.02.19 |
---|---|
javascript - 연산자 (0) | 2011.02.19 |
javascript - 변수 (0) | 2011.02.19 |
javascript - 이벤트와 이벤트핸들러 (0) | 2011.02.19 |
자바스크립트 사용방법 (0) | 2011.02.19 |