1. script 태그 내에 직접 작성
<script>
document .getElementById("demo") .innerHTML="my first javascript"
</script>HTML 4.x 버전의 경우, type 속성을 명시해줘야 한다.
HTML5에서는 명시하지 않아도 괜찮도록 변경되었고, HTML5에서는 async 속성이 새롭게 추가되었다.
ex)
결과물
2. 외부 파일 추가
별도의 외부 파일로 자바스크립트를 추가 가능하다.
<script src="practice.js"></script>ex)
js 파일 속 alert는 경고창을 띄우는 소스이다.
alert는 브라우저의 모든 기능을 확인 버튼을 누르기 전에는 멈춰준다.
결과물
3. 외부 주소를 통해 추가
<script src="외부주소"></script>자바 스크립트는 css 연결과는 다르게 link tag가 아닌 script tag를 body 속 제일 아래에 위치하게 한다는 차이점이 있다!
캡쳐 사진 속 배경 색은 내가 심심해서 베이지로 바꾼 것
HR velog