javascript - 객체

<목차로 돌아가기>

객체의 계층구조

객체가 뭐지? 라고 궁금증이 생긴다면 아래의 주소를 클릭하자

http://dreamzelkova.tistory.com/1080

아래는 자주 쓰는 객체를 정리하였다.

내장 객체	설명
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="경로입력"