[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>
외부에 작성된 자바스크립트 파일은 .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
- 외부 스크립트는 동일한 코드가 여러 다른 웹 페이지에서 사용될 때 실용적이다. (예시 찾아본 다음 이해하기.)
Author And Source
이 문제에 관하여([JavaScript] TIL 5(211130)ㅣWhere To(2)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@syuvc8804/JavaScript-TIL-5211130ㅣWhere-To2저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)