jQuery 없이 $(document).ready() 기능을 구현하는 방법은 무엇입니까?

jQuery가 아닌 $(document).ready()**

$(document).ready() 함수와 동일 jQuery는 일반적으로 DOM이 완전히 로드된 후 코드를 실행하는 데 사용됩니다. 그러나 jQuery를 사용하는 것이 바람직하지 않거나 사용 가능하지 않은 상황이 있습니다. 그러한 경우에는 jQuery가 아닌 것과 동등한 것이 필요합니다.

답변

$(document).ready()에 해당하는 jQuery가 아닌 것은 document.addEventListener( "DOMContentLoaded", function() { ... }). 이 함수는 DOM 트리가 완전히 구성되면 실행되는 DOMContentLoaded 이벤트에 이벤트 리스너를 연결합니다. 이벤트 리스너 내부에 배치된 코드는 DOM이 준비된 후에 실행됩니다.

window.onload와의 차이점

window.onload는 $( 문서).ready(). window.onload는 이미지 및 스크립트와 같은 외부 리소스를 포함하여 모든 요소가 완전히 로드될 때까지 기다립니다. 대조적으로, $(document).ready()는 DOM 트리가 준비될 때까지 기다리며 이는 일반적으로 더 빠릅니다.

IE8 및 이전 버전 지원

브라우저의 경우 IE8 이전에는 DOMContentLoaded에 대한 대안으로 다음 조건으로 document.onreadystatechange를 사용하는 것이 있습니다.

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Initialize your application or run some code.
    }
}

기타 옵션

DOMContentLoaded 외에도 다른 이벤트 리스너가 있습니다. DOM 로딩을 처리하는 데 사용할 수 있습니다. 자세한 내용은 MDN(Mozilla 개발자 네트워크) 설명서를 참조하세요.

위 내용은 jQuery 없이 $(document).ready() 기능을 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!