-
script태그의 위치javascript 2020. 11. 12. 10:35
<script src = '***.js'></script>의 위치참조하면 좋은 글 : HTML에서 script태그는 어디에 위치해야 할까?
<script></script>태그를<head></head>태그 사이에도 넣어보고<body></body>태그 안 마지막에도 넣어봤다.index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- <script src="myScriptFile.js"></script> --> </head> <body> <div id="msg">Hellow~~!!</div> <script src="index.js"></script> </body> </html>index.js
console.log('Hello~~'); let msgElement = document.querySelector('#msg'); console.log(msgElement);실행해보면 script태그를 head태그 사이에 위치시키나 body태그의 마지막 부분에 위치시키나 둘다
console.log('Hello~~')는 실행된다. 하지만 head태그 사이에 script태그를 위치시켰을 경우let msgElement = document.querySelector('#msg'); console.log(msgElement);가 제대로 작동하지 않는데, 그 이유는 위의 참고 블로그의 글을 읽어보면 좋겠다.
어쨌든 결론은 script태그는 body태그의 가장 밑에 두는 것이 좋다!
'javascript' 카테고리의 다른 글
화살표함수 (0) 2020.12.03 JavaScript런타임과 node.js (0) 2020.12.03 SpreadSyntax(전개문법), RestParameter (0) 2020.11.10 자바스크립트 참조타입데이터(reference type data) (0) 2020.11.06 문자열 (0) 2020.10.28