일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- array
- github
- es6
- CSS
- API
- 변수
- Python
- ES5+
- DOM
- 선택자
- JS
- 함수
- dev
- git
- 햇소
- hatso
- This
- gitCLI
- html5
- 우아한테코톡
- developerlife
- ES6+
- 최적화
- learn next.js
- JavaScript
- object
- react
- next.js
- AI
- hooks
Archives
- Today
- Total
목록DOMContentLoaded (1)
codinghatso
window.onload VS DOMContentLoaded
DOMContentLoaded와 window.onload는 모두 웹 페이지 로딩 과정에서 발생하는 이벤트입니다만, 각각의 이벤트가 발생하는 시점과 그 의미에는 중요한 차이점이 있습니다. DOMContentLoadedHTML문서가 완전히 로드되고 파싱 되었을 때 발생합니다.DOM 트리가 완성되었으며, 스크립트 실행을 위한 준비가 완료된 상태입니다.외부 리소스(이미지, 스타일시트, 프레임 등)의 로딩을 기다리지 않습니다.주요 포인트실행 시점 : 이 이벤트는 HTML 문서가 완전히 파싱되고, DOM 트리가 완성되었을 때 발생합니다. 하지만 이미지, 스타일시트, 프레임 등 외부 리소스의 로드는 기다리지 않습니다.사용 이유 : 이 이벤트 리스너는 문서가 완전히 로드되었을 때 JavaScript 코드가 실행될 준..
WEB/JavaScript_Diary
2024. 5. 6. 16:30