단일 - html 요소 중 인수에 해당되는 선택자와 일치하는 대상 검색 - 다중 대상을 검색하더라도 단일 1개 객체만 반환한다. - document.querySelector('선택자'); - 검색된대상객체.querySelector('선택자'); 안녕하세요1. 안녕하세요2. 안녕하세요3. 다중 - html 요소 중 인수의 선택자 해당되는 모든 객체를 검색하여 배열로 반환 - document.querySelectorAll('선택자'); - 검색 된 대상.querySelectorAll('선택자'); 안녕하세요1. 안녕하세요2. 안녕하세요3.

- DOM(Document Object Model) 문서 객체 - document API를 활용하여 문서를 다룬다. - documnet API를 활용하여 HTML 객체 생성, 소멸과 HTML 요소의 속성 생성, 소멸을 할 수 있다. - documnet API를 활용 HTML 요소를 검색하여 이벤트 등록 및 문서 제어가 가능하다. document API html 요소 검색 - 이벤트 등록 및 문서 제어를 하기 위해서는 html 요소가 검색이 되어야 한다. - 검색된 대상에 이벤트 등록 혹은 제어가 가능해진다. id 검색 - html 요소 중 id 속성 값을 가진 대상을 검색 - 찾고자 하는 id 값과 일치하는 대상을 찾을 수 있다. - api : document.getElementById('찾을 id');..

- form 태그에 name 속성에 값을 지정하면 해당 지정된 값을 윈도우 객체에 등록해준다. - form 의 하위 요소가 있다면 form 객체 하위에 name키 객체를 등록해준다. 남 여 전송 회원명 : 성별 :

- 모든 태그에는 접두사 on이 붙은 속성이 있다. - 접두사 on 속성은 자바스크립트와 연계된다. - 접두사 on 속성은 사용자의 행위에 관련된 속성이다. 자주 쓰이는 이벤트 - 사용자가 클릭 했을 때 버튼 난 버튼이 아닌데 버튼 버튼 버튼 change - 사용자의 행위에 의해 값이 변경되었을 시 ::값 선택:: 1 2 3 onblur - 커서 활성화가 없어졌을 때 onkeyup, onkeydown, onkeypress - onkeyup : 키를 눌렀다가 뗐을 경우 - onkeydown : 키를 눌렀을 경우 - onkeypress : 키를 누르고 있을 경우

alert - 사용자에게 경고장 ​인수에 삽입된 문자열 혹은 숫자형 데이터를 출력 confirm - 진행여부 확인 - 결과값은 확인 true 취소는 false setTimeout, clearTimeout - 정해진 시간 이후에 실행 - setTimeout : 정해진 시간 이후에 1회 실행 - clearTimeout : 정해진 시간 이전에 실행 취소 setInterval, clearInterval - setInterval : 정해진 시간 간격으로 실행 - clearInterval : 실행 중단 location - 현재 페이지 url 정보 - 새로고침 및 다른 페이지 이동 시 사용 - 새로고침 -> reload(), 페이지 이동 -> location.href='이동경로'; ​ - 페이지 이동 location..

- 최상위 window 객체가 있다 open, close - open : 새 창, close : 창 닫기 popup.html 팝업입니다. 경로,타이틀,옵션 window.open('popup.html','팝업띄우기','width=300,height=400,left=100,top=100,scroppbar=no'); 이벤트와 연계 - 인수에 들어간 선택자와 일치하는 대상을 찾기 팝업열기 - onclick시 아래 함수 실행 팝업열기 팝업 열기, 닫기 function popupOpen(){ window.open('popup.html','팝업띄우기', 'width=300,height=400,left=100,top=100,scroppbar=no'); } 팝업입니다. 팝업닫기 cookie로 오늘 하루 팝업 안뜨게 하는..