본문 바로가기
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 -

 

반응형