객체
Java Script에서 객체는 문장의 주어 역할과 같다고 보면 된다.
따라서 형용사 같은 느낌의 '속성'과 동사 같은 느낌의 '메서드'로 꾸며줄 수 있는 것이다.
이 때, '속성'과 '메서드'는 각각 형용사와 동사처럼 혼자 쓰일 수 없고 매개인 객체가 존재해야 사용될 수 있는 것도 알 수 있다.
내장 객체 Native object
자바스크립트 엔진에 내장되어 있어 별도의 설정 없이 자유자제로 생성 할 수 있는 객체
Object() : 새로운 객체(무슨 형태든) 생성.
Function(함수 내용) : 함수를 객체화 시킴.
Boolean(true/false) : 참/거짓을 객체화 시킴.
Date(날짜) : 날짜 객체.
String(내용(숫자,문자 상관X)): 문자 객체. 모든 객체를 문자 객체로 바꿀 수 있음.
Number(내용(숫자,문자 상관X)) : 숫자 객체. 숫자로 된 문자를 숫자 객체로 바꿀 수 있음.
Array : 배열 객체. 대괄호 [] 안에 내용들을 넣어 그것들을 배열 시킬 수 있음.
Math(내용) : 수학 객체.
RegExp : Regular Expression. 문자열에서 특정 내용을 찾거나 대체, 발췌하는데 사용된다.
Error(내용) : 런타임 에러가 생겼을 때, 안의 내용이 throw(보여짐)된다.
브라우저 객체 모델 BOM(Browser Object Model)
: 브라우저와 관련된 객체들의 집합. Browser와 관련된 기능들을 구성.
window -> document, navigator, location, history
window : 브라우저 창이 열릴 때마다 하나씩 만들어진다.
사용 가능 속성
classes : 문서 안에 삽입된 class들의 정보를 저장한다.
closed : 브라우저 창이 닫혔는지 나타낸다.
defaultStatus : 상태 표시줄의 기본값을 지정한다.
document : 현재 윈도우의 document 객체를 반환한다.
frames : 윈도우에 있는 history 객체를 반환한다.
length : 부모 창의 프레임 개수를 지정한다.
location : 현재 창의 location 객체를 반환한다.
name : 창의 이름을 지정한다.
opener : 새 창에 열어준 부모 창을 선택한다.
parent : 부모 창을 선택한다.
self : 현재 창을 선택한다.
status : 브라우저 창의 상태 표시줄을 선택한다.
top : 최상위 창을 선택한다.
사용 가능 메서드
open() : 새 브라우저 창 열기
close() : 브라우저 창 닫기
moveBy(가로 이동 거리, 세로 이동 거리) / moveTo(가로 이동거리, 세로 이동 거리) : 창 위치 조절하기 (px단위)
resizeBy(창 너비, 창 높이) / resizeTo(창 너비, 창 높이) : 창 크기 조절하기
setTimeout(함수 or 명령, 시간) / clearTimeout(함수) : 시간과 관련된 동작 지정하기
document : 웹문서마다 하나씩 만들어지는 객체. body 태그에 의해 만들어짐.
사용 가능 속성
anchors : 책갈피를 지정한다.
applets : 웹 문서 안의 자바 애플릿을 참조한다.
bgColor : 웹 문서의 배경색을 지정한다.
cookies : 쿠키값을 저장한다.
domain : 현재 서버의 도메인을 지정한다.
port : 포트 번호를 지정한다.
embeds : 플러그인을 설정한다.
fgColor : 글자색을 지정한다.
forms : 폼을 지정한다.
images : 이미지를 지정한다.
layers : 레이어를 지정한다.
lastModified : 웹 문서의 최종 수정일을 지정한다.
links : 링크를 지정한다.
location : 현재 문서의 주소를 지정한다.
referrer : 현재 문서를 호출한 페이지의 주소를 지정한다.
title : 현재 문서의 제목을 지정한다.
URL : 현재 문서의 주소를 저장한다.
사용 가능 메서드
clear() : 문서 안의 내용을 깨끗이 지운다.
open() : 문서에 무엇인가를 기록하기 시작한다.
close() : open() 메서드를 통해 기록하기 시작한 문서의 기록을 종료한다.
write() : 문서에 내용을 표시한다.
writeln() : 문서에 내용을 표시하되 메서드를 적용할 때마다 새로운 줄에 표시한다.
navigator : 현재 사용하는 브라우저에 대한 정보를 가진 객체. 브라우저 내부에서 위치를 이동할 수 있는 객체
사용 가능 속성
appCodeName : 브라우저의 코드명을 표시한다.
appName : 브라우저의 종류를 표시한다.
appVersion : 브라우저의 버전을 표시한다.
platform : 사용하고 있는 운영체제의 시스템 환경을 표시한다.
userAgent : 브라우저의 정보를 표시한다.
사용 가능 메서드
javaEnabled() : 자바를 지원하는지 확인하는 메서드로, 반환값은 true(자바 지원)과 false(자바 지원 안 함)이다.
taintEnabled() : 브라우저가 손상되었는지 확인하는 메서드로, 반환값은 true(브라우저 고장)과 false(브라우저 정상)이다.
location : 위치 보낼 수 있는 객체. 현재 문서에 대한 URL정보를 가지고 있는 객체 (ex.주소창)
사용 가능 속성
hash : 책갈피 이름을 지정한다.
host : URL과 호스트 이름, 포트 번호를 지정한다.
hostname : URL과 호스트 이름을 지정한다.
href : URL을 지정한다.
pathname : 링크의 경로를 지정한다.
port : 포트 번호를 지정한다.
protocol :프로토콜 종류를 지정한다.
search : 검색 엔진을 호출한다.
사용 가능 메서드
reload() : 문서를 다시 읽어온다.
replace() : 현재 문서를 다른 URL의 문서로 바꾼다.
history : 사용자의 방문을 저장하는 기록 객체 (ex.뒤로 가기, 앞으로 가기)
사용 가능 속성
length : url주소의 개수를 저장. 익스플로러는 0부터 시작. 나머지는 대부분 1부터 시작.
사용 가능 메서드
back() : 브라우저 창의 <뒤로> 버튼을 누른 것처럼 히스토리에서 한 단계 뒤로 이동한다.
forward() : 브라우저 창의 <앞으로> 버튼을 누른 것처럼 히스토리에서 한 단계 앞으로 이동한다.
go() : 한 단계씩만 앞으로 오갈 수 있는 back() 메서드나 forward() 메서드와 달리 괄호 안에 지정한 숫자만큼 앞뒤로 옮길 수 있다.
문서 객체 모델 DOM(Document Object Model)
: BOM 중 하나. <html>이나 <body> 같은 html문서의 태그들을 JavaScript가 이용할 수 있는 객체로 만들었을 때 DOM이라 한다.
BOM에서 window가 가장 상위 객체를 차지한다면 DOM에서는 document가 가장 상위 객체를 차지한다.
그리고 BOM에는 위에도 나와있듯이 document가 포함되어있기에 DOM이 포함된다는 것을 알 수 있다.
'html+CSS+JS > Java Script' 카테고리의 다른 글
| [Java Script] 수학객체 Math (0) | 2019.09.25 |
|---|---|
| [Java Script] 객체 사용 - Date (0) | 2019.09.13 |
| [초보자용 Java Script] 반복문 - while, for (0) | 2019.09.04 |
| [초보자용 Java Script] 선택문 - switch (0) | 2019.08.30 |
| [초보자용 Java Script] 제어문 - if, else (0) | 2019.08.24 |
