JavaScript 객체

1. JavaScript 객체 peridot@suned.co.kr 전 혜 영

2. 객체 • 객체 • 모든 사물을 바탕으로 프로그램 설계기법 • 단. 프로그램 할 범주 내에서 객체 선정 • 객체의 종류 • 사용자 정의 객체 • JavaScript 내장 객체 • Web Browser 내장 객체

3. 자바 스크립트 내장 객체 • 자바 스크립트 내장 객체 정의 • 문자열, 배열, 수학적 상수들과 같은 근본적 타입과 날짜 객체와 같은 미리 정의된 객체 • 스크립트의 향상된 작업 지원 • 정의없이 선언만 하면 객체 사용 가능 • Date String Math Arrary

4. 브라우저 객체 • 브라우저에 종속된 객체 • window : 자바스크립트 객체 계층의 최상위 레벨. • document : 현재 HTML문서에 반영되어 있는 속성들을 가짐. • location : 현재 문서의 위치와 관련된 속성들(예를들면, URL) • history : 브라우저의 세션에서 사용자가 검색한 모든 URL항목들이 있음. • navigator : 브라우저에대한 자세한 정보들이 있음.

5. 웹 브라우저 내장 객체 계층구조 Navigator windows appName appVersion frame history document location link anchor layer form applet image area text radio button fileUpload select option textarea checkbox reset submit password

6. Navigator Object • Navigator 객체 정의 • 현재 웹브라우저에 관한 정보 제공 (NN 와 IE 체크) • 독립적인 객체 • Navigator 객체 속성 • appName appVersion mimeTypes Plugins • Navigator 객체 메소드 • javaEnabled()

7. Window Object • Window 객체 정의 • 브라우저 내장 객체중 최상위 객체 • nabigator 객체를 제외한 모든 객체를 포함 • 하위 객체 선언시 Window 객체명은 생략가능 window.document.write(“안녕하세요”)  document.write(“안녕하세요”) • 새로운 창을 열거나 윈도우의 속성을 설정할 때 사용

8. Window Object • Window 객체의 속성 • defaultStatus • status • self • innerHeight (body.clientHeight) • innerWidth (body.clientWidth) • pageXOffset (body.scrollLeft) • pageYOffset (body.scrollTop) • 단. ()은 IE전용

9. Window Object • resizeBy(a,b) • resizeTo(a,b) • moveBy(a,b) • moveTo(a,b) • scrollBy(a,b) • scrollTo(a,b) • Window 객체의 메소드 • alert() • Confirm() • frompt() • open() • close() • setTimeout(함수 또는 명령, 시간) • clearTimeout() • setInterval() • clearInterval() • print()

10. menubar toolbar location scrollbar status Window Object

11. Document Object • Document 객체 정의 • 웹브라우저에 표시된 문서의 모든 정보를 관리 • 사용자에게 HTML 결과물에 대한 메소드 제공

12. Document Object • Document 객체 속성 • title lastModified bgColor fgColor • linkColor alinkColor vlinkColor • Document 객체 메소드 • write() writeln() • open() close() clear()

13. Location Object • Location 객체 정의 • 현재 열려진 URL 주소에 관한 정보 제공 • 브라우저 상단에 있는 문서 위치 필드의 값 가진다. • 브라우저의 프로토콜 종류, 호스트 이름, 포트번호,디렉토리 위치 파일이름 등 정보 볼수 있다.

14. Location Object • Location 객체 속성 • href host hostname protocol pathname port hash • search • Location 객체 메소드 • reload() • replace() -NN전용

15. History Object • History 객체 정의 • 브라우저를 이용하여 본 url 사이트를 임시로 저장 • history 객체를 통해서 다시 방문 • History 객체 속성 • history.length • History 객체 메소드 • go() back() forword()

16. Image Object • Image 객체 정의 • 이미지에 관한 정보에 접근하기 위해 • Image 객체는 배열로서 인덱스를 사용하여 특정 이미지 접근 • Image 객체 속성 • border complete height width lowsrc • name src vspace hspace • Image 객체 정의 • handleEvent() NN전용

17. Form Object • Form 객체 정의 • HTML의 단점인 사용자와 상호 대화 기능 보완 • form 태그를 이용해 구현 속성: name target action method onsubmit onreset