자바스크립트 Event 항목 모음

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 스크롤 막대를 스크롤할 경우

 

자바스크립트는 아니지만, 유용하게 쓰실 수 있는 팁입니다.

Window Method

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';

현재의 페이지를 지정한 페이지로 이동해줍니다.

 


String Method

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까지의 문자열을 반환한다.

 



Math Method

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 및 속성들

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"; 

링크 색을 지정한다.
문서의 배경색을 지정한다.
문서의 디폴트 텍스트 색상을 지정.
활성화 링크 색상 지정.
방문된 링크의 색상 지정.

퍼온 글입니다.