window load / document ready , 페이지의 모든 요소가 로딩된 후에 특정 javascript 실행하기 (이미지로딩/동영상로딩/페이지로딩 등등)
웹사이트를 개발할때, 이미지로딩/ 동영상로딩 등이 완료된 이후에 특정 함수를 실행해야 하는 경우가 있습니다. 이때, 사용할 수 있는 이벤트가 document.ready / window.load 가 있는데요, 두개는 비슷한 동작을 하지만, 엄격히 다른 기준에 따라 실행이 됩니다. document.ready 먼저, document.ready 는 페이지내의 모든 DOM 요소들이 로딩되었을때 실행이 됩니다. 즉, 페이지 내에 img 태그가 있을경우, img 태그 객체가 로딩되면 document.ready 가 실행된다는 겁니다. 위와같이 아주 큰 사이즈의 이미지를 img 태그에 명기한 후에 페이지를 로딩하면, verybigsizeImage.jpg 가 로딩되지 않아도 document.ready 함수는 실행되게 됩니..
IT공부방/jQuery, ajax, java
2019. 6. 14. 15:06
