JavaScript/First program

다음은 "Hello World!"라는 팝업 대화 상자를 만드는 단일 자바 스크립트 문이다.

alert("Hello World!");

브라우저가 명령문을 실행하려면 <script> 요소 내에 배치되어야 한다. 이 요소는 나중에 더 자세히 설명한다.

<script>
  alert("Hello World!");
</script>

그런 다음 <script> 요소는 HTML 문서의 <head> 요소 내에 중첩되어야 한다. 자바 스크립트가 활성화된 브라우저에서 페이지가 표시된다고 가정하면 브라우저는 페이지가 로드될 때 명령문을 실행합니다.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Some Page</title>
    <script>
      alert("Hello World!");
    </script>
  </head>
  <body>
    <p>The content of the web page.</p>
  </body>
</html>

이 기본 Hello World 프로그램은 작성해야하는 새로운 프로그램의 시작점으로 사용할 수 있다.

예제

예제 1-1

파일에 Hello World 프로그램을 복사 붙여넣기 하여 "exercise 1-1.html"로 저장한 후, 두 가지 방법으로 실행할 수 있다.

파일 관리자로 파일을 이동하고 웹 브라우저를 통해 파일 열기 (Windows 탐색기에서 더블클릭)
브라우저를 시작한 다음 메뉴에서 파일을 연다. 파이어폭스의 경우, 메뉴에서 File을 선택한 다음 open File에서 파일을 선택한다.

예제 1-2

위의 파일을 "연습 1-2.html"로 저장한다. alert("Hello World!");의 큰 따옴표를 작은 따옴표로 바꾸고 결과를 저장한다.

같은 결과가 나온다. 큰 따옴표와 작은 따옴표는 동일하다.