상세 컨텐츠

본문 제목

JavaScript - 외부파일 참조

개발/JavaScript

by 뉴에이스 2018. 10. 17. 16:24

본문

JavaScript 파일을 별도로 생성해서 참조하는 방식

- .js 확장자를 가진 파일을 생성
- html에서 참조할때
	<script src="js파일의 경로"></script>
	주의
	<script src="js파일의 경로">console.log("연습중..")</script> -> console.log 무시됨
	<script>
	script 태그 별도작성
	</script>
- ; 생략시 자동으로 생성됨..오류날때만 입력..


html 소스

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바 스크립트 파일 테스트</title>
</head>
<body>

	<h1> 외부 스크립트 참조</h1>
	<script src="test02.js">console.log("실행되지 않는 위치임..")</script>
	<script>
		console.log("호출된 외부파일과 별도로 실행한다.")
	</script>
	
</body>
</html>
 

브라우저 콘솔 출력 결과 (크롬 - F12 (개발자도구) - Console)

외부파일의 스크립트 입니다.
호출된 외부파일과 별도로 실행한다.

 

 

관련글 더보기

댓글 영역