Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- BOJ Python
- 숙명여자대학교 정보보안 동아리
- SWEA
- C언어
- 파이썬
- Sookmyung Information Security Study
- c
- c++
- 숙명여자대학교 정보보안동아리
- 생활코딩
- 기계학습
- lob
- Python
- The Loard of BOF
- 드림핵
- siss
- HTML
- hackctf
- 웹페이지 만들기
- 풀이
- PHP 웹페이지 만들기
- CSS
- Javascript
- 자료구조 복습
- WarGame
- BOJ
- XSS Game
- 머신러닝
- 백준
- hackerrank
Archives
- Today
- Total
혜랑's STORY
[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')
'2020 SISS 21기 활동 > 여름방학 WEB' 카테고리의 다른 글
[WEB 6주차 실습] : JavaScript (0) | 2020.08.13 |
---|---|
[WEB 6주차 이론] : JavaScript (0) | 2020.08.13 |
[WEB 4주차 공부] : CSS (0) | 2020.08.02 |
[WEB 4주차 실습] : CSS (0) | 2020.08.02 |
[WEB 3주차 실습 : CSS] (0) | 2020.07.16 |