런타임노트

window.onload 와 $(document).ready() 의 차이 본문

Javascript, jQuery

window.onload 와 $(document).ready() 의 차이

D269 2023. 11. 15. 17:22
728x90

 

 

1. window.onload
 1) 호출 시점
    - 페이지의 모든 요소들이 로드된 이후에 호출
 2) 특징
    - 페이지의 모든 요소들이 로드되어야 호출된다.
    - 한 페이지에서 하나의 window.onload()함수만 적용된다.
    - 가장 나중에 호출된 함수만 적용

2. $(document).ready()
 1) 호출 시점
    - DOM이 로드된 시점
 2) 특징
    - 외부 리소스 및 이미지 로딩과 상관없이 DOM만 로드되면 바로 실행된다.
    - 중복 사용해도 순서대로 모두 실행된다.

 

 

 

 

728x90
반응형
저작자표시 비영리 동일조건 (새창열림)

'Javascript, jQuery' 카테고리의 다른 글

[JS 에러] Uncaught TypeError: input.getAttribute is not a function  (0) 2025.09.09
[JS] 셀렉트박스(select box) 변경 이벤트 처리  (0) 2023.10.27
[JS] var와 let  (0) 2023.10.18
[jQuery] 버튼을 눌렀을 때 같은 줄에 있는 데이터 가져오기  (0) 2023.09.14
[jQuery] undefined 와 null 차이점 및 값 체크하기  (0) 2023.09.13
'Javascript, jQuery' Related Articles more