JavaScript 선언
1. JavaScript 코드를 HTML문서에 포함
<script> 태그를 사용하여 코드를 작성한다.
- 장점: 브라우저가 HTML부터 해석하여 화면에 그리기 때문에 사용자가 빠르다고 느낄 수 있다.
<body>태그 내에<script>위치🤔 주의 할 점
<script>에서 element에 접근해야 할 때, 사용할 element가 생성된 후 script를 작성해야 한다.- JS는 위에서 부터 한줄 한줄 생성해 DOM을 생성하기 때문에 script에서 사용할 element들을 모두 생성 후 작업을 진행해야 한다.
즉, script에서 사용할 element를 미리 선언하지 않으면 에러가 발생
- JS는 위에서 부터 한줄 한줄 생성해 DOM을 생성하기 때문에 script에서 사용할 element들을 모두 생성 후 작업을 진행해야 한다.
- body 내의 가장 아래에 위치시키기
<head>태그 내에<script>위치🤔 주의 할점
element를 선언 후<script>를 실행시키기 위해window.onload를 사용하여 DOM생성이 완료 된 후<script>를 진행시켜야한다.
<script type="text/javascript">
window.onload = function(){
console.log("hello world");
}
</script>2. 외부 JavaScript 파일을 HTML문서에 포함
- 미디어 타입을 지정하는 type 속성은
text/javascript로 지정 <link type="text/javascript" src="JS파일 url">
