Whiteship's Note

JavaScript Where To ...

AJAX/JavaScript : 2007.07.09 12:11


참조 : http://www.w3schools.com/js/js_whereto.asp

예제
Header 영역에
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was called with the onload event")
}
</script>
</head>
- 함수를 담고 있는 자바스크립트를 헤더 영역에 둔다. 그렇게 함으로써 함수가 호출되기 전에 로딩되어 있으리란 것을 확신할 수 있다.

body 영역에
<body>
<script type="text/javascript">
document.write("This message is written when the page loads")
</script>
</body>
- 자바스크립트를 실행하는 코드는 바디에 둔다.

외부 스크립트
<script src="xxx.js">
</script>
- 밖에 있는 스크립트 파일을 사용할 수 있다.

자바 스크립트를 어디에 넣어야 하는가
자바스크립트는 항상 페이지가 로딩 될 때 실행 될 것이다. 이것이 대부분 우리가 원하는 것이긴 하지만 때때로 사용자가 이벤트를 발생할 때 마다 실행하고 싶을 수 있다.

- 헤더 영역에 있는 스크립트 :: 페이지의 헤더가 로딩 될 때와 사용자가 이벤트를 발생시켰을 때 호출될 수 있다. 헤더 영역에 스크립트를 둘 때는 항상 그 코드가 사용되기 전에 미리 로딩되어 있어야 하는지 생각해 봐야 한다.
- 바디 영역에 있는 스크립트 :: 페이지의 바디가 로딩 될 때 실행될 것이다. 바디 영역에 두면 페이지의 컨텐츠를 생성한다.
- 둘 다 사용하기 :: <script> 태그 사용에 별다른 제한이 없기 때문에 헤더와 바디 둘 다 넣을 수 있다.

외부 자바스크립트 사용하기
여러 페이지에서 사용할 공통의 자바스크립트를 매 페이지 마다 적지 않아도 된다. 이런 경우 별도의 파일로 빼내어 .js 확장자로 저장하면 된다.
자바스크립트 파일을 사용하기 위해서는 <script> 태그의 src 속성을 사용하면 됩니다.

'AJAX > JavaScript' 카테고리의 다른 글

JavaScript Try...Catch Statement  (0) 2007.07.09
JavaScript Events  (2) 2007.07.09
JavaScript For Loop와 While Loop  (1) 2007.07.09
JavaScript Functions  (0) 2007.07.09
JavaScript Popup Boxes  (0) 2007.07.09
JavaScript Operators  (0) 2007.07.09
JavaScript If...Else와 Switch Statement  (0) 2007.07.09
JavaScript Variables  (0) 2007.07.09
JavaScript Where To ...  (0) 2007.07.09
JavaScript How To ...  (0) 2007.07.09
Introduction to JavaScript  (0) 2007.07.09
top