따라서 특정 이미지나 기타 리소스를 로드하는 데 시간이 오래 걸리면 방문자에게 불완전한 페이지가 표시되거나 동적으로 추가된 요소에 의존하는 스크립트라도 이미지가 로드되기 전에 실행되어 스크립트 오류가 발생합니다.
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 사용 ) 메소드
"; }
);
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
