코밍이의 하루

[JS] 내부 스크립트 외부로 분리하기 본문

웹언어 공부/JS

[JS] 내부 스크립트 외부로 분리하기

코밍이 2021. 8. 9. 22:32

1. 개발 환경

구분 내용
사용 언어 HTML5, JS
개발환경 Visual Studio Code
참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문
웹브라우저 Chrome

 

2. 주요 문법

1) JS 파일 연결

기본형 내용
JS 파일 연결 <script src = "JS 파일 경로"></script>

 

3. 소스 코드

1) js/example.js

 

document.write("환영합니다");
 

2) import_c.html

<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title> 외부 자바스크립트 연동 </title>
	<script src="js/example.js"></script>
</head>
<body>
</body>
</html>

 

4. 실행 화면

import_c.html