HTML에 자바스크립트 연결 하기

자바스크립트 파일을 HTML 파일과 분리하여 만들면 소스 관리 및 유지보수에 유용합니다.,

여러 HTML에 하나의 자바스크립트 파일을 연동해서 사용할 수 있고,

HTML 에는 웹 문서의 구조만 표현하고, 동적인 처리 들은 별도의 파일인 자바스크립트에서 관리해 주면

유지 보수의 효율성이 높아집니다.

HTML 파일에 자바 스크립트 파일을 연결하는 방법은 하기와 같습니다.

1. 자바스크립트 파일 생성 

   - 비주얼스튜디오 에디터에서 한 줄로 팝업창 노출 코드를 작성 후 JS 파일로 저장합니다.

2. HTML에 자바스크립트 연결.

<script src="자바스크립트 소스 파일 위치를 기재합니다"> </script>

자바스크립트 파일이 HTML과 다른 폴더에 있다면, "폴더명/스크립트 파일명"을 기재해주면 됩니다.

해당 HTML을 실행하면, 하기와 같은 결과가 나옵니다!

 

 

 

정리하자면

자바스크립트 를 HTML과 연결하기 위해서는

<script> 라는 태그 와 src 속성을 사용합니다. 즉, 브라우저에게 해당 웹 페이지의 정보를 알려주는 역할을 하게됩니다. "해당 웹페이지는 **.js 파일과 연결되어 있어" 라고 브라우저에게 알려주게 되는 것입니다.

오늘은 HTML 웹문서에 자바스크립트를 연결하는 방법을 알아보았습니다.

감사합니다.