본문 바로가기
728x90
반응형

js

 (3)
[Javascript] events , 이벤트 객체 이벤트 (Events) 브라우저에서 방문객이 취하는 모든 동작 ex) 마우스 클릭, 키보드 타이핑 등 자바스크립트에 등록 가능한 이벤트들 종류 설명 마우스 이벤트 onmouseover 마우스가 지정한 요소에 올라갔을 때 발생 onmouseout 마우스가 지정한 요소를 벗어났을 때 onmousemove 마우스가 지정한 요소 영역에서 움직일 때 onclick 마우스가 지정한 요소를 클릭했을 때 ondbclick 마우스가 지정한 요소를 더블 클릭했을 때 키보드 이벤트 onkeypress 지정한 요소에서 키보드를 눌렸을 때 '입력되는 키를 눌렀을 때' 반응. ex) 한글 입력, 방향키 등 즉시 text에 입력되는 사항이 아닌 건 이벤트가 발생하지 않는다> onkeydown 지정한 요소에서 키보드를 눌렀을 때 (..
[Javascript] 문서 객체 모델 (DOM, Document Object Model) DOM , Document Object Model HTML 문서의 구조 의미. HTML tag는 각각의 기능 (Method)과 속성 (Properites)을 갖고 있다. 이런 태그들을 (트리) 구조적으로 갖고 있는 문서 객체라 보면 될듯. 배우는 목적 자바스크립트를 사용해 문서 객체를 선택하고 속성이나 스타일(CSS)을 적용하기 위해서 단, 브라우저별 (크롬, 오페라, 사파리 등) 차이가 존재하기에 호환성 문제가 있으므로, 브라우저별로 확인이 필요하다. html은 root가 되고, 그 아래는 node 라 부른다. node에는 아래와 같이 존재한다. html 태그를 연결하는 요소 노드 (Element node) 텍스트를 연결하는 Text node 태그에 속성을 연결해 주는 속성 노드 (Attribute n..
[Javascript] 브라우저 객체 모델 (BOM, Browser Object Model) 브라우저 객체 모델 (BOM, Browser Object Model) 브라우저에 대한 모든 내용을 담고 있는 객체. 뒤로가기, 북마크, 즐겨찾기, History, Url 등 브라우저가 가지고 있는 정보를 객체화시켜서 관리한다 계층적 구조 window (브라우저, 최상위 객체) document screen location history navigator body, div, img, a 등 사용자의 모니터 정보(속성)를 제공한다. 브라우저 주소창의 url에 대한 정보와 새로고침기능 등 제공 사용자가 방문한 사이트에 대한 이력(history) 브라우저의 정보 운영체제 정보 등 window 객체 메서드 종류 oper() , alert() , prompt() : 질의응답 창을 띄운다 , confirm() : 확인..
반응형

티스토리툴바