728x90
반응형
ready는 HTML 문서 document(객체) 로딩이 끝나면 실행된다.
- onload이벤트보다 먼저 발생함
- 모든 문서의 모든 자원이 다운로드되었을 때 발생하는 onload와 달리 DOM트리만 완성되면 바로 발생하므로 빠른 실행속도가 필요할 때 적합함
- 여러번 사용되면 선언 순서에 따라 순차적으로 실행됨
- $(function(){}); 으로 간략하게 사용가능
load는 iframe, img, vidio등 리소스 로딩이 끝나면 이벤트를 발생시킨다.
- 문서의 모든 컨텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트(load이벤트)
- 문서에 포함된 모든 컨텐스가 로드된 후에 실행되기에 불필요한 로딩시간이 추가될 수 있음
- 동일한 문서에 오직 'onload'는 하나만 존재해야 함 (중복될 경우, 마지만 선언만이 실행됨)
- <body>요소의 속성(attribute)으로 지정될 수 있음.
- window객체뿐만 아니라 원하는 객체(object)가 로드되었을 때 실행될 코드를 설정할 수도 있음
document.getElementById("myFrame").onload = function(){
//실행될 코드
}
728x90
반응형
'IT 개발 > JavaScript' 카테고리의 다른 글
| [javascript] base64 사용방법 - 인코딩, 디코딩 (btoa, atob) (0) | 2023.10.14 |
|---|---|
| [javascript] Swiper 라이브러리 사용하기 (1) | 2023.10.07 |
| [javascript] Any Chart - TimeLine Chart 사용 (1) | 2023.10.06 |
| [jQuery] 요소 복사 .clone() (0) | 2023.10.05 |
| [javascript] .addClass() (0) | 2023.09.26 |
