jquery_jquery에서 $(document).ready()와 window.onload의 차이점

따라서 특정 이미지나 기타 리소스를 로드하는 데 시간이 오래 걸리면 방문자에게 불완전한 페이지가 표시되거나 동적으로 추가된 요소에 의존하는 스크립트라도 이미지가 로드되기 전에 실행되어 스크립트 오류가 발생합니다.
window .onload = function() { testDiv.innerHTML = "

동적으로 생성된 div

" }
해결책은 DOM을 기다리는 것입니다. 구문 분석하려면 이미지와 외부 리소스가 로드되기 전에 함수를 실행하세요. jQuery에서 이 구현을 가능하게 하려면:

코드 복사 다음과 같습니다:

//jQuery는 동적으로 생성된 $(document).ready(function) 메서드를 사용합니다.
$(document).ready(
function() { testDiv.innerHTML = "

동적으로 생성된 $(document).ready(function) 메소드를 사용하세요

" }
//또는 쉽게 사용 구문:
/jQuery $(function) 메서드 사용
$(
function() { testDiv.innerHTML = "

$(function 사용 ) 메소드

"; }
);