[WEB 5주차 이론] : JavaScript

# <script> </script> : 자바스크립트와 같은 클라이언트 사이드 스크립트를 정의할 때 사용

- 스크립트 코드를 요소 내부에 직접 명시하거나, src 속성을 사용하여 외부 스크립트 파일을 참조할 수 있다. 그러나 src속성이 명시된 <script>요소에는 스크립트 코드를 직접 명시해서는 안된다.

# 이벤트 : 모든 동작으로 프로그램에서 미리 사용자의 행위를 예측하여 미리 사용할 수 있도록 준비해 놓은 것

              ex> 마우스 클릭

- 이벤트 종류와 의미(이벤트 핸들러는 이벤트 앞에 on을 붙여준다.

• blur : 포커스를 다른곳으로 옮길 경우
• click : 링크나 폼의 구성원을 클릭할 때
• change : 선택값을 바꿀 경우
• focus : 포커스가 위치할 경우
• mouseover : 마우스가 올라올 경우
• mouseout : 마우스가 떠날 경우
• mousedown : 마우스를 누를 경우
• mousemove : 마우스를 움직일 경우
• mouseup : 마우스를 눌렀다 놓을 경우
• select : 입력양식의 하나가 선택될 때
• submit : 폼을 전송하는 경우
• load : 페이지,윈도우가 브라우져로 읽혀질 때
• unload : 현재의 브라우저,윈도우를 떠날 때
• error : 문서나 이미지에서 에러를 만났을 때
• reset : 리셋 버튼이 눌렸을 때
• dbclick : 더블클릭시
• dragdrop : 마우스 누르고 움직일 경우
• keydown : 키 입력시
• keypress : 키 누를 때
• keyup : 키를 누르고 놓았을 때
• move : 윈도우나 프레임을 움직일 때
• resize : 윈도우나 프레임 사이즈를 움직일 때

등....

# 데이터타입 - 숫자형, 문자열

var num = 1; //숫자형 선언
var a = "WoW"; //문자열 선언

#객체를 선택하는 방법

• document.getElementById(아이디)
• document.getElementsByClassName(클래스)
• document.getElementsByTagName(태그 이름 : 'h1','div' 등)
• document.getElementsByName(이름 : name)
• document.querySelector(CSS 선택자 : 'header > a')
• document.querySelectorAll(CSS 선택자 : 'header a')