js

JS - 자바스크립트 기초

3월 12, 2019
웹 브라우저에서 많이 사용하는 프로그래밍 언어이며, HTML 과 CSS 와 함께 광범위하개 사용되는 언어입니다. 자바스크립트를 이용하면 동적인 페이지를 만들 수 있습니다.

자바스크립트를 HTML 문서에 삽입하는 방법에는 몇 가지 있습니다.

설 명
Inline 태그 속성에 직접 정의
Internal 문서에 작성하는 방법
External 외부 파일을 연결하는 방법

Internal 방식은 <script>...</script> 사이에 코드를 작성해 주는 방법입니다.

<html>
  <head>
    <script>
      document.write("안녕 하보니");
    </script>
  </head>
  <body>
  </body>
</html>

External 방식은 외부 파일을 불러오는 방법입니다.

<html>
  <head>
    <script src="example.js"></script>
  </head>
  <body>
  </body>
</html>

Inline 방식은 태그 속성에 직접 정의하는 것입니다.

<html>
  <body>
    <a href="#" onclick="alert('안녕 하보니');">링크</a>
  </body>
</html>

참고로 HTML5에서는 <script> 태그에 type 속성을 적지 않는 게 원칙으로 합니다.

HTML 페이지의 각 태그는 웹 브라우저에 의해 순차적으로 실행됩니다. 웹 브라우저는 <head> 태그를 먼저 읽고, <body> 태그를 읽는 순서인데, <script> 를 <head> 태그에 넣으면 <body> 태그를 읽기 전에 실행한다는 것을 기억할 필요가 있습니다.

자바스크립트는 위에서 아래로 실행되는 객체지향 언어이기 때문입니다.


주석의 표현

다른 웹프로그래밍 언어와 마찬가지로 자바스크립에도 주석이 존재합니다.

// 를 사용해 한 줄 주석을 표현하며 여러 줄을 주석 처리할 때는 /*와 */ 사이에 주석문을 넣어 주면 됩니다.

<html>
  <head>
    <script>
      // 한줄 주석입니다.
      /*
        여러 줄 주석입니다.
      */
      document.write("안녕 하보니");
    </script>
  </head>
  <body>
  </body>
</html>

Tag:

0 Comments

0 댓글