Pages

2014년 6월 24일 화요일

[JAVASCRIPT] JAVASCRIPT 를 head 에 넣는 것과, html 전에 넣는 것과 차이?

자바스크립트는 문서의 head 부분 (<head> 와 </head> 태그 사이) 또는 body (<body> 와 </body> 태그 사이)에 넣을수 있는데요 어쨋거나 가능하다면 JavaScript는 head에 넣는것이 좋습니다
<html><head><title>My Page</title>
<script language="javascript" type="text/javascript">
function myFunction() {
    alert('Hello world');
}
</script>
</head>
<body>
<a href="javascript:myFunction();">Click here</a>
</body>
</html>
head가 body 보다 먼저 로딩되기때문에, 자바코드를 head에 넣으면 언제든 필요한 때 사용 가능해집니다. 예를 들면 다음의 코드같은 경우 페이지가 완전히 로딩되면 작동을 하겠지만 만일 사용자가 자바코드의 function이 로딩되기 전에 링크를 클릭한다면 에러가 발생합니다. 만일 페이지가 매우 크거나 로딩되는데 시간이 걸린다면 문제가 될수 있습니다.
<html><head><title>My Page</title>
</head>
<body>
<a href="javascript:myFunction();">Click here</a>
<script language="javascript" type="text/javascript">
function myFunction() {
    alert('Hello world');
}
</script>
</body>
</html>

댓글 없음:

댓글 쓰기