• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
Script

자바 스크립트에서 자주 사용되는 이벤트들

오작교 44478

0
■ JavaScript에서 자주 사용되는 Event들...
EVENT EVENT 내용
OnLoad 현재의 페이지가 로딩되었을 경우
OnUnload 현재의 페이지에서 다른 페이지로 이동할 경우
OnError 현재의 페이지를 읽는 중에 JavaScript Error가 발생할 경우
OnAbort 이미지를 읽는 도중 중지하였을 경우
OnMouseOver 마우스 커서를 개체 위에 두었을 경우
OnMouseOut 마우스 커서를 개체 위에 두었다가 밖으로 이동했을 경우
OnClick 링크 부분이나 버튼을 클릭했을 경우
OnDbclick 링크 부분이나 버튼을 더블클릭했을 경우
OnMouseDown 링크 부분이나 버튼을 클릭했을 경우(OnClick과 동일)
OnMouseUp 마우스 버튼을 클릭했다가 떼었을 경우
OnKeyDown 키보드를 눌렀을 경우
OnKeyPress 키보드를 누르고 있을 경우
OnKeyUp 키보드를 눌렀다 떼었을 경우
OnFocus 폼 양식 입력필드에서 마우스 커서를 위치 하였을 경우
OnBlur 폼 양식 입력필드에서 다른곳으로 마우스 커서를 위치 하였을 경우
OnChange 폼 양식 속의 입력필드가 변경되었을 경우
OnSelect 폼 양식 속의 입력필드 내에 텍스트를 선택하였을 경우
Onsubmit 폼 양식을 전송할 경우
OnReset 폼 양식을 재설정 했을 경우
OnHelp Help Key를 눌렀을 경우
OnReadyStateChange 페이지가 로드될 경우
OnAfterUpdate 폼 양식속의 입력 필드가 변경 되었을 경우
OnBeforeUpdate 폼 양식 속의 항목이 변경된 경우
OnScroll 스크롤 막대를 스크롤할 경우

■ Window Method (창의 제어와 관련된 함수들)
METHOD DESCRIPTON
window.alert('내용'); 메시지와 함께 확인 메시지가 뜹니다.
window.confirm('내용'); 확인과 취소 버튼이 생기는 메시지 박스입니다.
window.prompt('내용','default-value'); 입력할 수 있는 박스가 뜹니다.
window.open('URL','창의 이름','속성'); 새로운 창을 띄웁니다. 속성에 대해서는 Window Script의 창 제어 스크립트 요약을 참고하세요.
window.close();
self.close();
close();
현재의 창(위의 "window.open"에 의해 열린)을 닫습니다. 셋중 아무거나 쓰셔도 좋습니다.
window.location='URL';
href.location='URL';
현재의 페이지를 지정한 페이지로 이동시켜 줍니다.

■ String Method (문자 또는 문자열과 관련된 함수들)
METHOD DESCRIPTON
string.blink(); 텍스트를 깜박거리게 해 줍니다.
string.bold(); 텍스트의 폰트를 굵게 만들어 줍니다.
string.fontcolor(color); 텍스트의 색상을 보여 줍니다.
string.italics(); 텍스트를 이탤릭체로 바꾸어 줍니다.
toLowerCase();
toUpperCase();
소문자로, 대문자로 바꾸어 줍니다.
string.charAt(index); 지정된 문자열에서 하나의 문자를 반환합니다.
index는 문자열의 순서(0부터 시작)
string.substring(index A,index B) index A부터 index B까지의 문자열을 반환합니다.

■ Math Method (수치의 계산과 관련된 함수들)
METHOD DESCRIPTON
Math.abs() 절대값을 반환합니다.
Math.ceil() 지정한 수보다 그 이상의 정수를 반환합니다.(예: 2.4 -> 3)
Math.exp() 오일러 상수 e(약,2.718)를 나타내는 수
Math.log() 자연로그 값을 반환합니다.
Math.max() 가장 큰 값을 반환합니다.
Math.min() 가장 작은 값을 반환합니다.
Math.pow(a,b) a의 b만큼 제곱한 값을 반환합니다.

■ 기타 Method
METHOD DESCRIPTON
history.go(-1);
history.back();
history.forward();
Back & Forward Button.
history.go의 경우()안의 수만큼 뒤나 앞으로 이동할 수 있다(-뒤로, +앞으로).
location.reload(); 새로 고침
지정한 변수.length 문자열의 길이를 반환합니다.
document.write('내용'); BODY TAG안에 입력되는 것처럼, 괄호 안에 있는 텍스트를 HTML문서로 내보냅니다.
document.linkColor="color"; 링크 색을 지정합니다.
document.bgColor="color"; 문서의 배경색을 지정합니다.
document.fgColor="color"; 문서의 디폴트 텍스트 색상을 지정합니다.
document.alinkColor="color"; 활성화 링크 색상 지정합니다.
document.vlinkColor="color"; 방문된 링크의 색상 지정합니다.
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 201907
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291222 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350203 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294828 +14
300
normal
오작교 23.12.10.09:32 14567 0
299 Script
normal
오작교 23.12.10.09:29 19917 0
298 CSS
normal
오작교 21.01.09.14:18 40876 0
297 HTML
normal
오작교 15.09.17.08:58 116451 0
296 HTML
normal
오작교 15.09.13.21:38 21721 0
295 HTML
normal
오작교 15.09.13.21:30 25303 0
294 HTML
normal
오작교 15.08.30.12:19 52894 0
293 Script
normal
오작교 15.05.12.14:06 21300 0
292 HTML
file
오작교 12.03.08.13:51 36053 0
291 HTML
normal
오작교 11.06.03.10:44 40883 0
290 CSS
normal
오작교 11.06.03.10:29 70790 0
289 Script
normal
오작교 11.03.22.11:19 43583 0
288 Script
normal
오작교 11.03.22.11:15 38362 0
287 Script
normal
오작교 11.03.22.11:07 37239 0
286 HTML
normal
오작교 11.01.25.10:27 36348 0
285 CSS
normal
오작교 11.01.24.10:40 35518 0
284 HTML
normal
오작교 11.01.24.10:39 37227 0
283 Script
normal
오작교 11.01.24.10:34 38238 0
282 CSS
normal
오작교 11.01.24.10:31 37875 0
281 CSS
normal
오작교 11.01.24.10:27 36350 0