자바 스크립트는 HTML 페이지의 <script> 태그 안에 코드를 작성해 사용합니다.
HTML 페이지의 <head> 부분과 <body> 부분 모두 작성이 가능합니다. 이 때 <head> 부분에 작성된 코드는 문서가 로딩되기 전에 코드가 모드 전달되기 때문에 문서의 로딩과 동시에 자바 스크립트 코드 실행이 가능합니다. 하지만 <body> 부분에 작성된 코드는 문서 로딩이 다 되어야 실행이 가능합니다.
<head> 부분에 작성된 자바스크립트 코드 예
<html>
<head>
<script type="text/javascript">
<!--
document.wirte("Javascript test page");
-->
</script>
</head>
<body>
</body>
</html>
위 예제에서 자바 스크립트 코드를 주석으로 감싸는 이유는 자바 스크립트를 지원하지 않는 브라우저에서 자바 스크립트 코드가 화면에 출력되는 것을 방지하기 위함입니다. 하지만 현재 자바 스크립트를 지원하지 않는 브라우저는 찾기 어려우므로 주석을 사용하지 않아도 무관합니다.
외부 자바 스크립트 파일을 불러와 사용하는 예
<html>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>
외부 자바스크립트 파일을 작성할 때는 파일 내부에 <script> 선언없이 그냥 자바스크립트 코드를 작성하면 됩니다.
'Java Script & DOM > Java Script ' 카테고리의 다른 글
| 팝업창사이에 데이터 전달 방법 (0) | 2009.07.21 |
|---|---|
| 페이지내 입력 필드간의 값의 복사 (0) | 2009.06.09 |
| 입력폼에 빈 값이 있나 검증하는 코드 (0) | 2009.06.09 |
| 자바스크립트 - typeof 키워드 (0) | 2009.03.27 |
| 자바스크립트(JavaScript)란? (0) | 2009.03.26 |