태하팍
2014. 3. 29. 22:39
자바스크립트에 대해서 알아 보겠습니다~
특히 함수를 많이 쓰게 되어지는데요 아래와 같이 정의를 통해서 함수의 종류를 알아보고 특히!
사용자 정의 함수에 대해서 소스를 짜보겠습니다.
<< 자바스크립트 함수 정의 >>
function 함수이름(매개변수1,매개변수2,매개변수3) { 함수에서 처리할 내용 }
<head>와 </head> tag 사이에 정의
함수 1) 내장함수(built-in function) - alert(), prompt() 등 2) 사용자 정의 함수 |
<< 자바스크립트 소스 >>
<html> <head> <script type="text/javascript"> function acet(end){ alert(end); var i,total=0; for(i=0; i < end; i++){ total = total+i; } return total; }
function acet2(totalVale){ document.write("==============<br>"); document.write("= sum=>"+ totalVale+" ="); document.write("<br>=============="); } </script> </head>
<body> <script type="text/javascript"> var val = acet(100); acet2(val);
</script>
</body>
</html>
|
<< 결과 >>
<< 참고 사이트 >>
http://hsjeong106.blog.me/90173348180
<< 참고 소스 >>
매개변수가 없는 함수 소스
<html> <head> <script type="text/javascript"> function acet(){ alert("한글 : 안녕하세요~~"); alert("English : hi~~~~~~~"); } </script> </head>
<body> <script type="text/javascript"> acet(); alert("one more time!"); acet(); </script> </body>
</html>
result





|
매개변수가 있는 함수 소스
<html> <head> <script type="text/javascript"> function acet(name, val){ document.write("["+name+"] sir! "+val+"받으세요!"); document.write("<br><br>"); } </script> </head>
<body> <script type="text/javascript"> acet("ace-T", "bok"); acet("taehaPark", "love");
</script> </body>
</html>
result

|
- END -