함수란 특정 동작을 수행할 수 있도록 프로그램의 코드를 모와두고 함수를 호출하여 실행되는 단위를 나타낸다. 자바스크립트의 함수는 호출을 하거나 이벤트가 발생했을 때 실행할 코드를 포함하고 있으며, function 키워드를 사용하여 함수를 선언한다.
함수는 페이지 어디에서나 작성이 가능하며 외부의 .js 파일에 작성한 후 사용할 페이지에 포함시키는 것 또한 가능하다. 일반적으로 함수는 <head>나 <body> 섹션 어디에나 작성이 가능하나 <head> 섹션에 작성하는 것이 가장 좋은 방법이다. 이유는 <head> 섹션에 작성된 함수는 문서가 완전히 로드되기 전에 먼저 브라우저에 저장이 되기 때문에 함수가 작동하지 않는 경우가 없지만, <body> 섹션에 작성된 함수는 문서가 완전히 로드되고 나서야 작동하는 경우도 있기 때문이다.
function 함수명(var1, var2, var3...)
{
함수가 수행해야 할 코드
}
함수 구현 예제)
<html>
<head>
<script type="text/javascript">
function display() {
document.write("참 잘했어요!");
}
</script>
</head>
<body>
<a href="#" onclick="display();>클릭하세요</a>
</body>
</html>
위와 같이 문서안에서 함수를 호출하여 사용할 수 있다. 만약, 이벤트에 사용할 함수가 여러 개일 경우 함수 호출시 세미콜론(;)으로 구분하여 함수를 호출할 수도 있다.
<a herf="#" onclick="함수1();함수2();">여러개의 함수 호출</a>
'Java Script & DOM > Java Script ' 카테고리의 다른 글
자바스크립트 - 이벤트처리(Event Handler) (0) | 2010.11.25 |
---|---|
자바스크립트 - 반복문 (0) | 2010.11.25 |
자바스크립트 - 팝업박스 (0) | 2010.11.25 |
자바스크립트 - 조건문(Conditional Statements) (0) | 2010.11.25 |
자바스크립트의 사용자 객체 정의 방법 (0) | 2010.11.24 |