JavaScript 코드는 html 파일의 어느 곳에나 배치할 수 있지만 일반적으로 웹페이지의 헤드나 본문 부분에 배치합니다.
<head> 섹션에 배치합니다.
가장 일반적인 방법은 페이지의 head 섹션에 <script> 요소를 배치하는 것입니다. 페이지의 나머지 부분을 구문 분석합니다.
<body> 섹션에 넣으세요.
웹페이지에서 이 명령문을 읽으면 JavaScript 코드가 실행됩니다.
다음 코드:
<!DOCTYPE html>
<html>
<head>
<title>javascript</title>
<script type="text/javascript"></script>
</head>
<body>
</body>
</html>
이런 식으로 우리 js 코드는 head 태그에 배치됩니다.
도 body에 배치할 수 있으며, 다음 코드는
<!DOCTYPE html>
<html>
<head>
<title>javascript</title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>
참고: 스크립트 언어인 JavaScript는 HTML 페이지의 어느 곳에나 배치할 수 있지만 브라우저가 HTML을 해석할 때는 순서대로이므로 이전 스크립트가 먼저 실행됩니다. 예를 들어 페이지 표시 초기화를 위한 js는 초기화가 미리 이루어져야 하고(페이지 본문에 CSS 설정 등) 이벤트 호출을 통해 함수가 실행되는 경우 헤드에 배치해야 합니다. 위치에 대한 요구 사항은 없습니다.
js 코드의 형식을 살펴보겠습니다
<script type="text/javascript">
js 문;
</script>
각 js 문 끝에는 반드시 영어로 세미콜론을 써야 합니다. 꼭 쓸 필요는 없지만, 코드 작성을 표준화하기 위해 그래도 씁니다. 다음으로 예제를 작성하겠습니다. :
<!DOCTYPE html>
<html>
<head>
<title>javascript</title>
</head>
<body>
<script type="text/javascript">
document.write("HELLO ");
document.write("WORLD");
</script>
</body>
</html> 참고: document.write는 출력 명령문입니다. 이에 대해서는 나중에 설명하겠습니다
다음 섹션