1. 객체란
- 객체는 기능(Method) 또는 속성(Property)을 가지고 있다.
객체.메서드();
객체.속성;
객체.속성 = 값;
2. 객체의 종류
- 자바스크립트의 객체는 크게 내장 객체, 브라우저 객체 모델 (BOM), 문서 객체 모들 (DOM)
내장 객체
- 자바스크립트 엔진에 내장
- 필요한 경우 생성해서 사용할 수 있음
- 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등
브라우저 객체 모델 (BOM)
- 브라우저에 계층적으로 내장되어 있는 객체들을 브라우저 객체 모델이라 함.
- window, screen, location, history, navigator 객체 등
- 브라우저(window)는 document와 location 객체의 상위 객체임
문서 객체 모델 (DOM)
- (X)HTML 문서 구조를 말함.
- (X)HTML 문서의 기본 구조는 최상위 객체로 <html>이 있으며, 그 하위 객체로는 <head>와 <body>가 있다.
- DOM에서는 (X)HTML의 모든 요소들을 문서 객체로 선택하여 자유롭게 속성을 바꿀 수 있고,
선택한 문서 객체에 원하는 스타일(CSS)을 적용할 수 있다.
배열 객체 (Array Object)
var 변수 = new Array();
변수[0] = 값1, 변수[1] = 값2, ..., 변수[n-1] = 값n;
var 변수 = new Array(값1, 값2, ..., 값n);
var 변수 = [값1, 값2, ..., 값n];
정규 표현 객체
* | 0회 이상 일치하는 문자를 검사할때 |
+ | 1회 이상 일치하는 문자 검사 |
i | 찾는 문자가 영문일 경우 대,소문자 구분 X |
? | 0회 또는 1회, 규칙에 맞는 문자가 있는지 검사 |
g | 옵션에 g가 없으면 데이터의 왼쪽부터 규칙에 일치하는 문자 한 개만 찾지만, g를 넣으면 규칙에 맞는 모든 문자를 찾음 |
m | 데이터의 행이 바뀌어도 규칙에 맞는지 찾음 |
$ | 문자열 끝부분에 규칙이 맞는 문자를 찾음 |
^ | 문자열 앞에서부터 규칙이 일치하는 문자를 찾음, 또는 부정을 나타냄 |
\d | 숫자 하나를 찾음 |
\D | 숫자가 아닌 문자 하나를 찾음 |
\s | 공백 문자 찾음 |
[0-9][A-Z][a-z] | 숫자, 대문자, 소문자 찾음 |
\w | 알파벳, 숫자, 밑줄(_)기호 찾음 |
\W | 알파벳, 숫자, 밑줄(_)기호를 제외한 문자 찾음 |
a|b | a 또는 b인지 검사할 때 사용 |
구분 | 종류 | 설명 |
입력 요소 선택자 | document.getElementById('아이디') | 폼 요소를 아이디로 선택할 때 사용 |
document.폼 이름. 입력 요소 이름 | 폼 요소를 이름으로 선택할 때 사용 | |
select option 선택자 | document.폼 이름. 입력 요소 이름.options[index] | <select>에 <option>을 선택할 때 사용 |
var i = document.폼 이름.입력 요소 이름.selectedIndex; document.폼 이름.입력 요소 이름.options[i]; | <select>에 선택된 <option>을 선택할 때 사용 |
'IT > JSP&javascript&jQuery' 카테고리의 다른 글
| jQuery 속성 관리 data() 와 attr() 사용법 및 차이 (0) | 2021.05.02 |
|---|---|
| $(document).ready VS $(window).load (0) | 2021.05.02 |
| [자바스크립트] this (0) | 2021.03.12 |
| [jQuery] Ajax 관련 메서드 (0) | 2018.11.22 |
| Ajax 란 무엇이고, jQuery를 이용한 Ajax 사용법 (0) | 2018.11.22 |