히바리 쿄야 와 함께 하는 Developer Cafe
[6일차] HTML/CSS/JAVASCRIPT 웹 표준의 정석/p554 ~ p643/ 자바스크립트 객체,DOM 본문
[6일차] HTML/CSS/JAVASCRIPT 웹 표준의 정석/p554 ~ p643/ 자바스크립트 객체,DOM
TWICE&GFRIEND 2021. 3. 8. 14:49자바스크립트 Array 객체의 메소드
BOM(Browser Object Model)
|
자바스크립트의 내장 객체
window : 브라우저 창이 열릴 때마다 하나씩 만들어짐. 브라우저 창 안의 요소 중에서 최상위에 있다.
document: 웹 문서마다 하나씩 있으며 <body> 태그를 함나면 만들어짐. HTML 문서의 정보가 담겨 있다.
navigator: 현재 사용하는 브라우저의 정보가 들어 있다.
history : 현재 창에서 사용자의 방문 기록을 저장한다.
location : 현재 페이지의 url 정보가 담겨 있다.
screen : 현재 사용하는 화면 정보를 다룬다.
window 객체의 프로퍼티
window : 현재 윈도우 객체에 대한 레퍼런스
self : 현재 윈도우 객체에 대한 레퍼런스
document : 윈도우에 담긴 document 객체에 대한 레퍼런스
name : 윈도우 이름 문자열
location : location 객체에 대한 레퍼런스
history : history 객체에 대한 레퍼런스
locationbar : 위치바 객체에 대한 레퍼런스
menubar : 메뉴바 객체에 대한 레퍼런스
personalbar : 북마크 툴바 등 사용자 개인의 취향에 따라 기능을 두는 바
scrollbats : 스크롤바 객체에 대한 레퍼런스
toolbar : 툴바 객체에 대한 레퍼런스
status : 상태바에 출력한(출력되는) 문자열. 보안의 이유로 대부분의 브라우저에서
이를 허용하도록 셋팅을 해야 문자열 변경 가능
closed : 현재 창이 닫혀 보이지 않는 상태이면 true
frames : 윈도우에 존재하는 iframe 객체에 대한 컬렉션
length : 윈도우에 존재하는 iframe의 개수
top : 윈도우 계층 구조에서 최상위 윈도우 객체에 대한 레퍼런스
parent : 현재 윈도우의 부모 윈도우 객체에 대한 레퍼런스
navigator : navigator 객체에 대한 레퍼런스
localStorage : 로컬 스토리지 객체에 대한 레퍼런스
sessionStrorage : 세션 스토리지 객체에 대한 레퍼런스
innerWidth : 수직 스크롤바를 포함하여 브라우저 내에 HTML 문서가 출력되는 영역의 폭
innerHeight : 수평 스크롤바를 포함하여 브라우저 내에 HTML 문서가 출력되는 영역의 높이
outerWidth : 윈도우 전체의 폭
outerHeight : 윈도우 전체의 높이
screenX : 스크린 상의 윈도우 x좌표
screenY : 스크린 상의 윈도우 y좌표
pageXOffset : scrollX와 동일하며 현재 문서의 스크롤 x값
pageYOffset : scrollY와 동일하며 현재 문서의 스크롤 y값
scrollX : pageXOffset과 동일하며 현재 문서의 스크롤 x값
scrollY : pageYOffset과 동일하며 현재 문서의 스크롤 y값
메소드
open() : 새 윈도우를 연다
close() : 윈도우를 닫는다
focus() : 윈도우에 포커스를 주어 키보드 입력을 받을 수 있는 상태로 만든다
blur() : 현재 윈도우는 포커스를 잃는다
getSelection() : 윈도우 내에 선택된 텍스트를 문자열로 리턴한다
stop() : HTML 페이지 로딩을 중단시킨다. 브라우저의 STOP 버튼을 누른 것과 동일하다
alert() : 경고 다이얼로그를 출력한다
confirm() : 확인 다이얼로그를 출력한다
prompt() : 프롬프트(입력) 다이얼로그를 출력한다
print() : 현재 페이지를 출력하기 위해 프린트 다이얼로그를 출력한다
postMessage() : 다른 윈도우나 워커 태스크로 문자열 데이터를 보낸다
setInterval() : 타임아웃 코드가 반복 호출되도록 타이머를 가동시킨다
clearInterval() : setInterval()로 가동 중인 타이머를 중단시킨다.
moveBy() : 지정된 픽셀만큼 윈도우를 이동시킨다
moveTo() : 지정된 위치로 윈도우를 이동시킨다
resizeBy() : 지정된 크기만큼 윈도우의 크기를 조절한다
resizeTo() : 지정된 크기로 윈도우의 크기를 조절한다
scrollBy() : 주어진 픽셀만큼 상하좌우 스크롤한다
scrollTo() : 특정한 좌표로 스크롤한다
자바스크립트 DOM
DOM 요소에 사용되는 메소드
'JAVASCRIPT' 카테고리의 다른 글
[2일차] DO IT 자바스크립트 + 제이쿼리/p170 ~ p288/ 선택자, 이벤트 (0) | 2021.03.23 |
---|---|
[1일차] DO IT 자바스크립트 + 제이쿼리입문/p15 ~p157/ 제어문,객체,함수 (0) | 2021.03.22 |
[5일차] DO IT HTML/CSS/JAVASCRIPT 웹표준의 정석/p441~p552/자바스크립트기초,자바스크립트문법,함수와이벤트 (0) | 2021.03.05 |
[4일차] DO IT 자바스크립트/P291~ 345/ Form ~ BOM (0) | 2020.12.31 |
[3일차] DO IT 자바스크립트 / p195~ 289 / Array ~ DOM (0) | 2020.12.30 |