221206 화요일
◾ 객체
- 주제(사물, 업무)를 정해서 특징을 저장하는 변수,
기능을 정의하는 함수들의 모임,
프로그램에서 인식할 수 있는 모든 대상,
자바스크립트에서 객체는 데이터를 저장하고 처리하는 기본단위
◾ 내장객체
- 웹 프로그래밍을 할 때 자주 사용하는 요소는 자바스크립트 안에 미리 객체로 정의 되어있는 것
- Array : 배열 내장객체, Date : 날짜 내장객체, Math : 수학관련 내장객체, ...
◾ 브라우저와 관련된 내장객체
- 계층구조
window
↘
location , history , document, ...
↘
image , form, ...
↘
text, password, textarea, checkbox, radio, select, ...
🔎 window 내장객체
-
주제 : 웹브라우저 윈도우 창 (멤버변수, 메서드) 정의
-
브라우저 내장객체 객체생성 없이 바로 빠르게 사용함
-
호출
window.멤버변수
window.메서드( ) -
window.open("열고자 하는 문서","창이름","옵션") :창열기
-
window.close() : 창닫기
🔎 navigator 내장객체
-
웹 브라우저의 버전을 비롯해 플러그인 설치 정보나 온오프라인 등의 여러정보가 있다.
-
사용자가 수정할 수 없고 가져와서 보여 줄 수만 있다.
-
navigator.userAgent : 현재 브라우저 정보를 담고 있는 사용자 에이전트 문자열
🔎 window.location 내장객체
-
주제 : 웹브라우저 주소줄 정보를 저장하는 내장객체
window 생략가능 -
호출
location.멤버변수
location.메서드( ) -
location.href : 주소줄의 내용을 저장하는 변수(하이퍼 링크)
-
location.reload( ) : 새로고침(F5) 기능
🔎 window.history 내장객체
-
주제 : 웹브라우저 방문기록 정보를 저장하는 내장객체
window 생략가능 -
호출
history.멤버변수
history.메서드( ) -
history.length : 방문한 사이트 개수 저장
-
history.back( ) : 이전 페이지를 현재화면으로 불러오기
-
history.forward( ) : 다음 페이지를 현재화면으로 불러오기
-
history.go( ) : 현재 페이지를 기준으로 상대적인 위치에 있는 페이지를 현재 화면으로 불러오기
🙆♀️ history.go(1) 다음페이지 가져오기 / history.go(-1) 이전 페이지 가져오기
