[JavaScript] 문법

이론

- html은 정적이나 JavaScript는 동적이다. 따라서 1+1을 작성했을 때 html은 1+1을 JavaScript는 2를 출력한다.

- CSS에서는 background-color이라고 작성하지만 JS에서는 backgroundColor이라고 작성한다.

 

- html은 웹페이지를 묘사하는 목적의 언어이기 때문에 시간의 순서에 따라 실행되는 기능을 갖고 있지 않는다.
JS는 사용자와 상호작용하기 위해서 고안된 컴퓨터 언어이기 때문에 시간의 순서에 따라서 웹브라우저의 여러 기능이 수행되어야 하기 때문에 시간의 순서에 따라 실행되는 기능을 갖는다.

 

script tag

script에는 내부 스크립트와 외부 스크립트가 있다.

1. 내부 스크립트

- html 문서 내에 스크립트 정의 후 직접 작성

- 필요한 위치에 (head든 body든 상관없다.)

<script type = "text/javascript">

스크립트 효과

</script>

 

2. 외부 스크립트

- 스크립트 효과를 다른 문서에 작성하고 "이름.js"로 저장

- 효과를 적용할 문서에

<script type = "text/javascript" src="이름.js">

다른 문장 작성 금지

</script>

 

-> 내부 선언문, 외부 선언문이 script로 동일한데 외부 선언문에는 src도 있어야 한다.

참고로 css는 내부 -style / 외부 -link로 다르다.

-> 웹 표준 방식으로는 <script type = "text/javascript"> </script> 이지만 HTML5부터는 <script> </script>만 작성해도 동일하게 인식한다. 하지만 하위 호환성을 위해서는 명확하게 작성할 필요가 있다.