window 객체 : 브라우저 내장 객체 중 최상위 객체 - 브라우저에 대한 정보를 가지고 있는 객체 - 접근방법 o window.속성 o window.메소드 - 주요 메소드 open() : 새로운 브라우저(윈도우) 열기 close() : 열려있는 브라우저(윈도우) 닫기 alert() : 간단한 메시지를 보여주기 위한 dialog box confirm() : 사용자로부터 어떠한 작업을 확인 받기 위한 dialog box prompt() : 사용자로부터 문자열을 입력받기 위한 dialog box back() : 이전 페이지로 이동 forward() : 이후 페이지로 이동 home() : 홈페이지로 이동 옵션 예) resizable = no width=100 height=200 scrollbar=no doc..
[1] 의미 : 객체지향 모델로 구조화된 문서를 표현하는 형식 [2] HTML의 문서 요소를 관리(제어)하기 위해 웹 브라우저가 처음 지원함. - 브라우저마다 방식이 달라 W3W에서 표준 DOM규격을 작성함. - 아직 브라우저에 따른 호환성 문제가 있다. (IE는 자체 기준에 따름) [3] 역할 : 동적으로 문서의 내용, 구조, 스타일에 접근, 변경 [4] 구조 : 트리 구조
[1] Date 객체 : 날짜를 다루는 객체 - 생성 구문 o 변수 = new Date(); o 변수 = new Date([년,월,일,시,분,초,1/1000]); - 주요 메소드 getFullYear() : 1900년대 4자리 getYear() : 1900년대 2자리(2000년대는 4자리로 나옴) getMoth() : 월(0~11) 예) 0:1월, 11:12월 getDate() : 날짜 getHours() : 시(0~23) getMinutes : 분(0~59) getSeconds() : 초(0~59) getTime() : 1970년 1월 1일 이후 시간을 1/1000초 단위로 나타낸 값 today = new Date(); alert(today.getFullYear() + "." + (today.getMo..
[1] 자바스크립트는 객체지향언어(Object Oriented Lanuage) - JavaScript가 지원하는 객체만 사용할 수 있었으나 1.2버전에서는 개발자가 직접 객체를 만들 수 있다. [2] 객체의 종류 o 내장 객체 : 웹 브라우저에서 제공하는 객체 - 자바스크립트 내장 객체: JavaScript 코드 작성시 유용한 기능을 제공해 주는 객체들 - DOM 객체(브라우저 내장객체) : 웹 브라우저의 각 요소들을 객체로 제공 o 사용자 정의 객체 : 사용자가 만드는 객체
이벤트가 발생했을 때 자동으로 호출되는 Javascript 코드 - 형식 : onEvent명 ex) onClick = "alert('abc')" - 객체별 Event Handler window : onLoad, onUnload document : onLoad, onUnload hypertext link : onClick, onMouseOver form : onSubmit text : onBlur, onChange,onFocus,onSelect textArea : onBlur, onChange,onFoucs,onSelect select : onBlur, onChange, onFocus checkbox : onClick radio : onClick button : onClick reset : onClick ..
이벤트는 웹 페이지를 열람하는 사용자와 웹 브라우저와의 기본적인 인터페이스를 제어하는 기능 - 특정 동작(사건)이 발생될 때 생성되는 신호 (signal) 예) 마우스로 버튼 클릭, text field에 글 입력, 페이지 로딩 - 자바스크립트는 웹 브라우저에서 발생하는 이벤트(신호)를 감지하여 그에 대한 적절한 반응 동작을 수행하는 스크립트를 작성할 수 있는 구조(메커니즘)을 제공한다. 1. HTML을 구성하는 요소에 Event Handler 설정 2. 브라우저가 Event 발생시 Handler와 연결된 function을 호출한다. 이벤트 종류 focus : 폼 요소를 선택해서 포커스가 주어졌을 때 blus : 포커스가 폼 입력 항목을 벗어 났을 때 change : 폼 요소가 가지는 값이 사용자에 의해 ..
