외부 JS파일을 HTML에 불러오기

FrontEnd/JavaScript

by H_Develop 2022. 7. 1. 08:28

자바스크립트를 외부파일로 불러 HTML 페이지에서 사용하기
외부 자바스크립트 파일은 <scipt>태그 없이 자바스크립트 소스만 작성해서,
~ .js 이름으로 저장한 다음, HTML 문서에 <script> 태그의 src 속성으로 불러오면 된다.

■ 외부 JS 파일을 보자.

var heading = document.querySelector(‘#heading’);
heading.onclick = function() {
heading.style.color = “red”;
}
change-color.js 파일로 저장

■ 이를 불러들일 HTML 파일로

<body>
  <h1 id=“heading”>자바스크립트</h1>
  <p id=“text”>위 텍스트를 클릭하세요</p>
  <script src=“change-color.js”></script>
</body>
import-script.html로 저장

'FrontEnd > JavaScript' 카테고리의 다른 글

변수 스코프(scope) - 지역변수 전역변수 상수const 익명함수Anonymous Function (0)	2022.07.03
함수 Function (내장함수, 사용자정의함수, 즉시실행함수, 람다식함수 객체) (0)	2022.07.03
while을 이용한, 이미지 삽입, Table (0)	2022.07.01
반복문 ( while, do while, for, break, continue ) (0)	2022.07.01
if else 예문 (0)	2022.07.01