[JavaScript] TIL 5(211130)ㅣWhere To(2)

참고 사이트: TCPSCHOOL

외부 자바스크립트 파일

외부에 작성된 자바스크립트 파일은 .js확장자를 사용한다.
외부 스크립트 전체 URL or 파일 경로 or 링크 없이 src속성값으로 명시하면 된다.
head 또는 body에 배치 가능하다.
스크립트 파일 추가할 때마다 스크립트 태그도 함께 추가.

<!DOCTYPE html>
<html>
  
<head>
  <meta charst="UTF-8">
  <title>JavaScript Apply</title>
<script src="/examples/media/example.js"></script>
</head>

<body>
  
<h1>외부 자바스크립트 파일</h1>
<p>자바스크립트를 이용하면 현재 날짜와 시간 정보에 손쉽게 접근할 수 있다!</p>
<button onclick="printDate()">현재 날짜와 시간</button>
<p id="date"></p>

</body>

<html>

버튼을 클릭하면

장점

  • 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를 분리할 수 있습니다.
  • 이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지 보수도 쉬워집니다.
  • 또한, 외부 자바스크립트 파일은 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도 또한 빨라집니다.

출처 사이트: http://tcpschool.com/javascript/js_intro_apply

  • 외부 스크립트는 동일한 코드가 여러 다른 웹 페이지에서 사용될 때 실용적이다. (예시 찾아본 다음 이해하기.)

좋은 웹페이지 즐겨찾기