JavaScript 04

2017. 2. 21. 16:48Work/JS

728x90

event 이벤트

- onload : 웹 문서가 로드

- onunload : 현재 웹 페이지에서 빠져 나갈때

- onfocus : 객체에 포커스 위치

- onblur : 객체가 포커스 잃었을때

- onclick : 객체에 마우스 클릭

- onmouseover : 마우스가 객체 위로 올라갔을 때

- onmouseout : 마우스가 객체 영역을 벗어 났을때

- onkeydown : 키가 눌렸을 때, 대소문자 파악X

- onkeyup : 눌린 키가 다시 올라 올때

- onkeypress : 키가 눌렸을때, 대소문자 파악

-> 모든 이벤트는 on 뒤에


window 객체

- 일반 속성

-- name : 창의 이름을 읽거나 설정

-- closed : 창이 열려 있는지 여부(true/false)

-- outerWidth, outerHeight : 창의 가로, 세로 길이

-- innerWidth, innerHeight : 창의 내용 표시 부분 가로, 세로

-- screenX, screenY : 모니터 좌상단 (0, 0) 기준 좌표

-- screenleft, screenTop : 모니터 좌상단 왼쪽, 맨위

-- pageXOffset, pageYOffset : 현재 문서 가로, 세로 방향 스크롤된 픽셀 수 

등등

- 내장 객체 속성

-- navigator : 브라우저에 대한 정보들을 가진 객체

-- screen : 모니터 화면에 대한 정보들을 가진 객체

-- history : 사용자가 방문한 URL 기록

-- location : 현재 표시하고 있는 웹 페이지 URL 정보

-- document : 현재 표시하고 있는 웹 문서 객체

- window 메소드

alert(), confirm(), prompt() 등

-> window 메소드는 window.alert(); 처럼 표시 되지만 window. 생략 가능

-> 웹 브라우저 창에 대응하는 객체로서 가장 기본, 프레임에 대응하는 window 객체 생성


document 객체

- DOM(Document Object Model)

-> 트리에 접근해서 HTMl 문서를 조작할 수 있는 방법 정의

- document 메소드

- document.write(); : 출력

- document.getElementByID(); : 객체 id 를 받아옴 

등등

-> 웹 문서 로드시 태그에 대응 되는 객체 생성, 객체를 다루고 싶으면 id 속성 부여 필요

728x90

'Work > JS' 카테고리의 다른 글

js study - Node.js + TypeScript + Express  (0) 2021.06.28
JavaScript 04  (0) 2017.02.21
JavaScript 03  (0) 2017.02.21
JavaScript 02  (0) 2017.02.20
JavaScript 01  (0) 2017.02.20