티스토리 뷰
자바스크립트 필기한 내용
1. 자바스크립트 객체 구성 : 속성(Property), 기능(Method)
2. document . write
- document : 객체(Object)
- write : 기능(Method)
3. 객체 종류 : 내장 객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM)
- 내장 객체란 자바스크립트 엔진에 내장되어 있는 객체를 의미한다.
- BOM : Browser Object Model
- DOM : Document Object Model
4. 객체는 계층 구조로 되어 있다. 예를 들어, window 객체 하위에 document, location 객체가 있다.
5. DOM이란 HTML 문서 구조를 말하며 <html>이 최상위 객체이다. <html>의 하위 객체로 <head>, <body>가 있다. HTML의 모든 요소들은 문서 객체를 통해 선택하여 속성을 변경할 수 있다.
6. 자바스크립트의 문서 객체 모델은 IE8 이하 버전에서 호환성이 떨어진다. 제이쿼리에서는 이런 호환성 문제가 해결되었다.
7. 내장 객체(Built-in Object)로는 문자(String), 날짜(Dtate), 배열(Array), 수학(Math), 정규표현객체(RegExp Object)가 있다.
8. 객체를 생성하는 방법
- 참조 변수(인스턴스 네임) = new 객체();
- new 키워드를 이용한다.
9. 날짜 정보 객체
- 날짜 정보를 가져오는 메서드에는 'get'이 붙는다.
- 날짜 정보를 수정하는 메서드에는 'set'이 붙는다.
- getTime() : 1970년 1월 1일부터 경과한 시간을 밀리초로 표시한다.
- getMonth() 현재 월 보다 한 달 적게 나온다. 현재 4월이면, 숫자 3을 표시한다.
- 날짜 객체를 제외한 모든 객체는 변수에 값만 참조하여도 객체가 생성된다. 즉, 위에 new 키워드를 사용하는 식으로 객체를 생성하지 않아도 된다는 의미다. "var i = 1;"은 숫자 객체를 만들어서 숫자 '1'을 할당해야 하는데 new 키워드를 통한 객체 생성이 생략되었다.
10. 숫자 객체(Number Object)
- 일반적인 숫자 변수도 숫자 객체의 인스턴스다.
- NaN : Not a Number
11. 배열 객체
- 배열 객체 생성 : var d = new Array(); 또는 var d = [ 20, '홍길동' ];
- d.length : 배열에 저장된 데이터 총 개수
12. location . reload(); → 새로고침
- window . location . reload();도 동일하게 새로고침으로 작동한다. window는 생략 가능하기 때문에 일반적으로 location.reload();로 사용한다.
13. 브라우저 객체의 계층구조
- window 하위로 document, screen, location, history, navigator가 있다.
'웹개발 > JavaScript' 카테고리의 다른 글
| jQuery(document).ready(function($){ 이게 뭐지 하다가 알게된 noConflict() (0) | 2017.04.27 |
|---|---|
| BOM(브라우저 객체 모델) window 객체의 open 메서드 (0) | 2017.04.16 |