일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- react
- 햇소
- This
- object
- es6
- JavaScript
- ES5+
- Python
- JS
- github
- DOM
- AI
- 변수
- dev
- API
- 선택자
- 우아한테코톡
- gitCLI
- ES6+
- array
- html5
- CSS
- learn next.js
- git
- hooks
- ChatGPT
- hatso
- next.js
- 함수
- 최적화
Archives
- Today
- Total
목록onload (1)
codinghatso

DOMContentLoaded와 window.onload는 모두 웹 페이지 로딩 과정에서 발생하는 이벤트입니다만, 각각의 이벤트가 발생하는 시점과 그 의미에는 중요한 차이점이 있습니다. DOMContentLoadedHTML문서가 완전히 로드되고 파싱 되었을 때 발생합니다.DOM 트리가 완성되었으며, 스크립트 실행을 위한 준비가 완료된 상태입니다.외부 리소스(이미지, 스타일시트, 프레임 등)의 로딩을 기다리지 않습니다.주요 포인트실행 시점 : 이 이벤트는 HTML 문서가 완전히 파싱되고, DOM 트리가 완성되었을 때 발생합니다. 하지만 이미지, 스타일시트, 프레임 등 외부 리소스의 로드는 기다리지 않습니다.사용 이유 : 이 이벤트 리스너는 문서가 완전히 로드되었을 때 JavaScript 코드가 실행될 준..
WEB/JavaScript Diary
2024. 5. 6. 16:30