Front/JavaScript
자바스크립트 함수
by 태하팍
2014. 3. 29.
자바스크립트에 대해서 알아 보겠습니다~
특히 함수를 많이 쓰게 되어지는데요 아래와 같이 정의를 통해서 함수의 종류를 알아보고 특히!
사용자 정의 함수에 대해서 소스를 짜보겠습니다.
<< 자바스크립트 함수 정의 >>
|
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 -
