js script 선언 위치

Question

js파일안에 document.getElementById로 onclick 이벤트를 실행시키는 함수를 넣었습니다.그리고 html파일 head 와 body제일 아래쪽 두군데에서 각각 실행시켜보니 head에서는 에러가 납니다.head에 js를 선언하면 페이지 로드가 멈추고 js코드를 읽기때문에,그 읽는 시점에 body에 선언한 id요소를 아직 인지하지 못해서 에러가 난다는것은 알겠는데,제가 옛날에 개발할때 head태그 안에 모든 js파일을 몰아넣어도 문제없이 작동이 됐던게 어렴풋이 기억이 나서그때는 왜 됐지? 라는 궁금증이 계속 남아서 질문드려요.그 당시 제이쿼리를 사용했고(근데 분명 바닐라js코드도 사용했습니다), html파일이 아닌 jsp파일에 작성을 했었는데 여기서 head에 써도 코드가 돌아가게 하는 뭔가가 있는건가요?

Zustand · Answer

head 내부에 작성했던 script 태그에 async나 defer 옵션을 사용하셨던 것이거나jquery의 $(document).ready() === $() 함수를 사용하셨을 수 있습니다

자읭식과읭 · Answer

AddEventListener DomContentLoaded 사용하셨을거에요

js script 선언 위치

2개의 답변

#javascrip 목록