자바스크립트를 html에 적용하는 방법
내부 자바스크립트 코드로 적용
자바스크립트 코드는 script 태그를 사용하여 HTML 문서 안에 삽입할 수 있습니다.
<script> document.getElementById("text").innerHTML = "여러분을 환영합니다!"; </script>head나 body 아무곳에나 사용 가능
외부 자바스크립트 파일 사용하기
.js 파일에 자바스크립트 펑션 저장
example.js
function printDate() { document.getElementById("date").innerHTML = Date(); }
html에서 사용
<head> <meta charset="UTF-8"> <title>JavaScript Apply</title> <script src="/examples/media/example.js"></script> </head>src=" " 에 경로와파일이름 실행파일과 같은 폴더면 파일이름만
그 후 html에서 외부js파일 속 해당 펑션변수를 사용
외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를 분리할 수 있습니다.
이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지 보수도 쉬워집니다.
또한, 외부 자바스크립트 파일은 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도 또한 빨라집니다.
BABY