안녕하세요. 오랜만(?) 에 글을 올리는거 같네요 ㅋㅋㅋ 뭐 서론은 각설하고 이번시간에 할 내용은 자바스크립트 함수의 생성과 함수를 호출하는법을 배워볼께요. 자바스크립트 합우의 생성방법은 진짜 별거 없습니다.
저 형식만 지켜주시면 사용하는데 전혀 문제가 없습니다. 앞에 function 함수명을 적어수신 뒤에, ()안에는 넘겨받는 값이 있을경우 변수명을 사용하여 주시면 됩니다. 넘겨받는 값이 없을경우는 적지 않아도 무방합니다.
아래 사진은 넘겨받는 값이 있는경우 만들어지는 함수입니다. 여러개를 넘겨받는경우는 ,를 사용하여 주분을 지어주면서 변수명을 적어주시면 됩니다. (값1, 값2, 값3) 이런식으로 여러개를 넘겨받을 수 있습니다.
이번엔 함수의 호출에 관해서 설명하겠습니다. 우리는 살면서 많은 사이트 및 게임에 회원가입을 하였습니다. 설마 안했다고 뻔뻔하게 말씀하시는 분은 없을꺼라 생각하겠습니다 ㅋㅋㅋㅋ
회원가입을 하면서 우리는 계정중복검사, 동일한 사람이 가입되어있는지, 비밀번호와 비밀번호 확인란에 같은 비밀번호가 들어가 있는지 등등 많은 검사를 거치게 됩니다. 이러한 검사들은 대부분 자바스크립트로 되어있고, 함수로 만들어서 호출하여 사용됩니다. 이러한 호출들은 어떠한 형식으로 이뤄지는지 보겠습니다.
아, 여기선 HTML 테그의 설명은 생략하겠습니다. HTML에 관해 알고싶으시면 HTML 자료가 있는 카테고리에 들어가시면 됩니다. ㅋㅋ 자 위에 코드를 보시면 testFunction이라는 자바스크립트 함수를 만들고, alert() 를 사용하여 "함수호출!" 이란 단어를 경고창으로 띄웠습니다. 여기까지는 우리가 이전시간에 했던 내용들입니다. 그런데 아래 <body>부분을 보시면 <input> 태그가 있고 그곳에 우리는 처음보는 낫선 onclick라는놈이 있습니다. onclick에는 우리가 만든 함수의 이름이 들어있습니다. 여기서 onclick 이놈은 뭘하는 놈인지 봅시다. onclick은 이벤트헨들러입니다. 이벤트 핸들러는 사용자가 이벤트 헨들러에 맞는 특정한 핻동을 취하면 이벤트를 발생시킵니다. 여기서는 버튼을 클릭하였을때, 함수를 호출하는 이벤트 핸들러입니다. 이벤트 핸들러는 onclick이외에도 여러가지가 있으나, 여기서는 설명하지 않겠습니다. 다음에 설명하기로 하고 이제는 실행화면을 보겠습니다.
버튼을 쿨릭하여 이벤트 핸들러가 이벤트를 호출한 모습입니다.
'Lecture > Javascript-기초' 카테고리의 다른 글
| [본격 게시판짜기 Part1.3 - Dom 맛보기 ] 글입력폼 검사 (39) | 2012.06.13 |
|---|---|
| HTML객체에서 값 가져오기 (0) | 2012.06.02 |
| document의 사용 (0) | 2012.05.19 |
| prompt()의 사용 (0) | 2012.05.19 |
| 변수의 사용과 confirm()의 사용 (0) | 2012.05.08 |
