본문 바로가기

자바스크립트/Learn

[강좌 003] 자바스크립트는 어디에 위치해야 하는가 ?

반응형

 

 

자바스크립트는 어느 부분에 위치해야 할까요?

1.자바스크립트는 HTML페이지의 <head>나 <body>안에 넣을 수 있습니다.
2.자바스크립트는 외부파일로도 사용할 수 있습니다. 여러 웹페이지에서 동일한 자바스크립트를 사용하는 경우에는 외부파일로 만들어서 참조할 수 있습니다.
3.자바스크립트 코드는 <script></script>태그 안에 있어야 합니다.

<script>
document.getElementById("test").innerHTML="This is test";
</script>
예전에는 <script type="text/javascript">처럼 type속성을 사용했지만 요즘 브라우저에서는 이 type속성이 반드시 필요한 것은 아닙니다.
4.Function과 Events
function은 다른 곳에서 요청될때 실행되는 코드블럭입니다. 예를들어 버튼이 클릭되는 것 같은 event가 발생될때 function이 실행되는 것입니다.

 

예제

<!DOCTYPE html>
<html>
<head>
<script>  <!-- 헤드부분에 위치 -->
  function myTest00(){
     document.getElementById("test00").innerHTML="This is Head-script";
  }
</script>

</head>


<body>
<button type="button" onclick="myTest00()">Head부분</button>
<button type="button" onclick="myTest11()">Body부분</button>
<p id="test00">Example</p>
<p id="test11">Example</p>

<script>  <!-- body 부분에 위치 -->
  function myTest11(){
     document.getElementById("test11").innerHTML="This is Body-script";
  }
</script>

<script src="external.js"></script> <!-- 외부파일로 위치 -->
</body>
</html>


w3school에서 많이 인용하였습니다.
즐거운 하루 Vanxy..


반응형