[JavaScript]자바스크립트를 HTML에 적용하는 방법

데브마우스 2023. 12. 21. 09:03

자바스크립트 적용 방법

HTML에서 자바스크립트를 선언하기 위해서는 정해진 위치에서 선언하셔야합니다.

적용 방법	위치	작성 방법
문서 내부	<head> 태그 안	<script>자바스크립트 코드</script>
문서 내부	<body> 태그 안	<script>자바스크립트 코드</script>
문서 외부	- <head> 태그 안 - <body> 태그 안	<script src="javascript.js"></script>

자바스크립트 적용시 주의점

자바스크립트를 <head> 태그 안에서 적용 후 HTML 문서의 요소를 건드릴 경우 제대로 적용이 되지 않을 수 있습니다. 왜냐하면 프로그래밍 코드는 위에서 아래로 순서대로 읽으면서 내려오는데, HTML 문서가 완전히 읽히지 않은 상태에서 자바스크립트 코드를 먼저 읽었기 때문에 적용시킬 HTML 요소들이 없기 때문입니다.

그러므로 안전하게 <body> 태그 안에서 외부 파일로 호출하시는걸 추천합니다.