[자바스크립트] 자바스크립트

자바스크립트

스크립트 사용시 기억해야 할 점

1. 스크립트는 다이나믹한(동적) 페이지를 위해 삽입하는 것으로 웹 페이지 콘텐츠 구현 시 핵심기능이 아니라 부가기능이다.

2. 웹 구조인 html 파일과 분리 되어야 한다.

 

<script>속성

• type : MIME type 을 지정 ( type="text/javascript" )
• charset : 외부 스크립트 파일의 character encoding 지정 ( charset="utf-8" )
• defer : 브라우저에게 script 태그 안의 실행문이 해당문서의 컨텐츠를 생성하지 않는다는 것을 알려준다. ( defer="defer" )
• src : 외부 스크립트 파일의 경로 지정( src="js파일의 경로" )

 

대소문자를 반드시 구분해야 한다.(변수, 객체, 메소드 등)

• 스크립트는 대소문자 구별한다

 

실행 구문은 한 줄에 한 개씩 위치시키고 ;로 끝낸다

 

문자열 표시는 따옴표(" " or ' ')를 사용해야 한다

• 작은따옴표 큰 따옴표 중첩 사용시 나중에 시작한 따옴표를 먼저 닫아야 한다.

 

주석

// 주석

한 줄

/*주석*/

여러 줄

 

순서도를 미리 작성해보고 하는 것이 실수를 줄일 수 있다

 

내장함수

대화상자	alert(), confirm()
숫자변환	parseInt(), parseFloat()
숫자유무확인	isNaN()
지정한 시간후 명령 실행 (1000분의 1초)	setTimeout() : 지정한 시간 후 실행문 실행 setInterval() : 지정한 시간 마다 실행문 실행 clearTimeout() : 실행되고 있는 것을 멈출 때 사용

사용자가 입력하는 텍스트박스의 값은 문자 값이므로 계산시에는 숫자로 변환 후 프로그래밍 해야 함

 

이벤트

load()	이미지나 페이지가 로드 되었을 때
unload()	해당 페이지에서 빠져나갈 때
focus()	폼 요소에 입력 포커스가 주어졌을 때
blur()	입력 포커스가 폼 입력 항목을 벗어날 때
mouseover()	마우스 포인터가 해당 요소 위치 위로 움직였을 때
mouseout()	마우스 포인터가 해당 요소 위치에서 빠져나갈 때
click()	마우스로 링크, 폼 요소를 클릭할 때
change()	폼 요소가 가지는 값이 사용자에 의해 변경될 때
select()	사용자가 폼 요소의 특정 필드를 선택했을 때
submit()	폼 내용이 전송될 때
reset()	폼의 리셋 버튼 클릭할 때
keydown()	키보드를 눌렷을 때
keypress()	키보드를 누르고 있을 경우
keyup()	키보드를 눌럿다가 떼었을 경우

이벤트대상.이벤트명()

 

이벤트 핸들러

이벤트가 발생할 때마다 처리하는 하나의 함수 혹은 메소드

on+이벤트명  ex) onsubmit, onfocus

 

DOM

문서에 존재하는 객체들의 모형(구조모형)

웹 문서의 정보에 접근하거나 갱신하기 위해 사용하는 인터페이스

트리구조(노드 트리)

 

- 사용법

아이디가 있을 때	document.getElementbyId("id명")
아이디가 없을 때	document.getElementsByTagName("요소명")[인덱스번호]

 

* 출처 : 문학청년님의 강의 정리