자바스크립트 예제

자바스크립트 예제



Javascript 예제는 코딩하기 쉽습니다. JavaScript는 JavaScript 코드를 넣을 수 있는 3곳(body 태그 내, head 태그 내 및 외부 JavaScript 파일)을 제공합니다.

첫 번째 JavaScript 예제를 만들어 봅시다.


<script type="text/javascript">  
document.write("JavaScript is a simple language for Educatque learners");  
</script>  



스크립트 태그는 JavaScript를 사용하고 있음을 지정합니다.

text/javascript는 데이터에 대한 정보를 브라우저에 제공하는 콘텐츠 유형입니다.

document.write() 함수는 JavaScript를 통해 동적 콘텐츠를 표시하는 데 사용됩니다. 문서 객체에 대해서는 나중에 자세히 알아보겠습니다.

3 JavaScript 코드를 넣을 위치


  • html의 본문 태그 사이
  • html의 head 태그 사이
  • .js 파일(외부 javaScript)

  • 모든 본문 태그 사이의 JavaScript 코드



    위의 예에서는 JavaScript를 사용하여 동적 콘텐츠를 표시했습니다. 경고 대화 상자를 표시하는 JavaScript의 간단한 예를 살펴보겠습니다.

    <script type="text/javascript">  
     alert("Hello Javatpoint");  
    </script>  
    


    헤드 태그 사이의 JavaScript 코드



    head 태그 안에 포함된 JavaScript의 경고 대화 상자를 표시하는 동일한 예를 살펴보겠습니다.

    이 예에서는 msg() 함수를 만듭니다. JavaScript에서 함수를 생성하려면 아래와 같이 function_name으로 함수를 작성해야 합니다.

    함수를 호출하려면 이벤트에 대한 작업이 필요합니다. 여기에서는 onclick 이벤트를 사용하여 msg() 함수를 호출합니다.

    <html>  
    <head>  
    <script type="text/javascript">  
    function msg(){  
     alert("Hello Javatpoint");  
    }  
    </script>  
    </head>  
    <body>  
    <p>Welcome to JavaScript</p>  
    <form>  
    <input type="button" value="click" onclick="msg()"/>  
    </form>  
    </body>  
    </html>  
    
    


    Source Code

    좋은 웹페이지 즐겨찾기