[javascript] html문서에서 자바스크립트 연결하기

---

 

자바스크립트 코드가 짧을 경우(html 문서 내에서 해결하고자 할 때)

 

html문서 내에서 <script>태그를 이용한다.

 

자바스크립트 코드가 길 경우(자바스크립트 파일을 연결하고자 할 때)

 

html문서에서 스크립트 파일로 저장된(별도의 파일로 저장된) 자바스크립트 파일(.js)을 연결시키고자 할 때

html문서에서 <script>태그의 src속성, 즉 <srcipt src>를 이용해서 자바스크립트 파일을 연결시킨다.

· <script src="자바스크립트파일경로"></script>

 

▶예시

· <script>태그 + src속성

· <script src="anniversary-calculator.js"></script>

  ...
  <script src="anniversary-calculator.js"></script>
</body>
</html>

위치는 상관 없으나, 처리 속도를 고려하면 </body>직전에 넣어주는 것이 좋다.