Event |
설 명 |
OnLoad |
현 페이지가 로딩되었을 경우 |
OnUnload |
현 페이지에서 다른 페이지로 이동할 경우 |
OnError |
현 페이지를 읽는 중에 자바스크립트 에러가 날 경우 |
OnAbort |
이미지를 읽는 도중 중지하였을 경우 |
OnMouseOver |
마우스 커서를 위에 두었을 경우 |
OnMouseOut |
마우스 커서를 위에 두었다가 밖으로 이동했을 경우 |
OnClick |
링크 부분이나 버튼을 클릭했을 경우 |
OnDbclick |
더블 클릭했을 경우 |
OnMouseDown |
링크 부분이나 버튼을 클릭했을 경우(onclick과 동일) |
OnMouseUp |
마우스 버튼을 클릭했다가 떼었을 경우 |
OnKeyDown |
키보드를 눌렀을 경우 |
OnKeyPress |
키보드를 누르고 있을 경우 |
OnKeyUp |
키보드를 눌렀다 떼었을 경우 |
OnFocus |
폼 양식 입력필드에서 마우스 커서를 위치 하였을 경우 |
OnBlur |
폼 양식 입력필드에서 다른곳으로 마우스 커서를 위치 하였을 경우 |
OnChange |
폼 양식 속의 입력필드가 변경되었을 경우 |
OnSelect |
폼 양식 속의 입력필드 내에 텍스트를 선택하였을 경우 |
Onsubmit |
폼 양식을 전송할 경우 |
OnReset |
폼 양식을 재설정 했을 경우 |
OnHelp |
Help Key를 눌렀을 경우 |
OnReadyStateChange |
페이지가 로드될 경우 |
OnAfterUpdate |
폼 양식속의 입력 필드가 변경 되었을 경우 |
OnBeforeUpdate |
폼 양식 속의 항목이 변경된 경우 |
OnScroll |
스크롤 막대를 스크롤할 경우 |
자바스크립트는 아니지만, 유용하게 쓰실 수 있는 팁입니다. |
Method |
설 명 |
window.alert('내용'); |
alert method 다 아시죠? 메시지와 함께 확인 메시지가 뜹니다. |
window.confirm('내용'); |
확인과 취소 버튼이 생기는 메시지 박스입니다. |
window.prompt('내용','default value'); |
입력할 수 있는 박스가 뜹니다. |
window.open('url','window name','속성'); |
자신이 원하는 대로 새창 띄우기 그 메소드입니다. 속성에는 위에서 설명한 윈도우 특성들을 컨트롤 하시면 됩니다. |
window.close(); self.close(); close(); |
현재의 창을 닫으려면, 셋중 아무거나 쓰세요. |
window.location='url'; href.location='url'; |
현재의 페이지를 지정한 페이지로 이동해줍니다. |
Method |
설 명 |
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까지의 문자열을 반환한다. |
Method |
설 명 |
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 |
설 명 |
history.go(-1); history.back(); history.forward(); |
백버튼의 역할. history.go()안의 수만큼 백버튼이나 앞으로의 버튼으로 사용할 수 있다. history.forward();는 당연히 앞으로 간다. |
location.reload(); |
새로고침 |
지정한 변수.length |
문자열의 길이를 반환한다. |
document.write('쓰고 싶은 것'); |
body tag안에 입력되는 것처럼, 괄호 안에 있는 텍스트를 html문서 내로 내보낸다. |
document.linkColor="color"; document.bgColor="color"; document.fgColor="color"; document.alinkColor="color"; document.vlinkColor="color"; |
링크 색을 지정한다. 문서의 배경색을 지정한다. 문서의 디폴트 텍스트 색상을 지정. 활성화 링크 색상 지정. 방문된 링크의 색상 지정. | 퍼온 글입니다. |