참고> opentutorials.org/course/1375/6620
1. HTML 태그의 속성 값으로 사용 (쌍따옴표 안에 JavaScript 코드 사용)
2. HTML 태그 중 <script> 태그 사이에 JavaScript 코드 사용
=> <script> 태그의 src 속성을 사용하면 외부 파일을 참조하여 JavaScript 코드를 사용할 수 있음
=> <script> 태그는 <head> 태그에 위치 시킬 때도 있고, <body> 태그의 마지막 부분에 위치시키는 경우도 있다.
<body>의 마지막에 놓는 게 좀 더 낫긴 한데, <head>에 위치시키는 경우도 많다.
<body>의 마지막에 놓는 게 좀 더 나은 이유는,
웹브라우저가 <script> 속성을 처리할 때 <head>에 <script>가 있을 경우
<body>에 있는 class 이름이나 id 등은 아직 읽지 못한 상태이기 때문에 해당 객체를 참조할 떄 null 처리가 된다.
혹 <head>에 <script> 태그를 굳이 넣고 싶다면, <script> 태그 안에서
window.onload = function(){ ...JavaScript Code... }
이런 식으로 window의 loading이 완료된 후 JavaScript code 가 호출되도록 해주어야 한다.
걍 <body> 마지막 부분에 넣어.
반응형
'Study Memos > JavaScript Front-End' 카테고리의 다른 글
| 사용자와 커뮤니케이션하기 (Section 7) (0) | 2020.12.09 |
|---|---|
| 전역객체 window (Section 6) (0) | 2020.12.09 |
| BOM (Section 5) (0) | 2020.12.05 |
| Object Model (Section 4) (0) | 2020.12.05 |
| 웹 브라우저와 JavaScript (Section 1) (0) | 2020.12.05 |