script
-
<script> 태그는 어디에 위치해야 할까요?Knowledge/HTML & CSS 2023. 7. 4. 11:25
위와 같이 asnyc 속성이 더해진 script 태그가 HTML 태그 사이에 있는 경우 아래 그림과 같이 작동합니다. 보시다시피 script 태그를 만나도 html parsing이 중단되지 않습니다. script 로드와 html parsing이 함께 이루어지다가 script 로드가 끝나면 script가 실행되는 시점에 html parsing이 잠시 중단되고 실행이 끝나면 html parsing이 재개됩니다. defer 위와 같이 defer 속성이 더해진 script 태그가 HTML 태그 사이에 있는 경우 아래 그림과 같이 작동합니다. 보시다시피 script 태그를 만나도 script 로드의 시작부터 끝까지 html parsing이 중단되지 않으며 html parsing이 끝나고 난 뒤에야 script가 ..
-
script 태그 위치와 onload, DOMContentLoaded, readyKnowledge/javascript 2019. 8. 13. 15:10
script는 아무 데나 넣을 수 있다. 그러나 아무 데나 놔서는 안된다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 DOMContentLoaded var target = document.querySelector('div'); console.log(target); 시작 중간 끝 이 코드는 아래와 같은 결과가 나온다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 DOMContentLoaded 시작 var target = document.querySelector('div'); console.log(target); 중간 끝 이 코드는 아래와 같은 결과가 나오고.. 뻔한 중간은 건너뛰고 script를 바로 위에 위치시키면 그제서야 비로소 의도한 결과를 얻을 수 있..