'$ (document) .ready ()'에 해당하는 자바스크립트 명령어

 

질문 : '$ (document) .ready ()'에 해당하는 비 jQuery는 무엇입니까?

---

$(document).ready() 와 동등한 비 jQuery는 무엇입니까?

답변

---

이것은 ECMA에서 완벽하게 작동합니다. 스니펫만 있으면 되지만 더 파고 다른 옵션을 탐색하려면 이 항목을 확인하십시오.

상세한 설명.

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

$(document).ready는 DOM 트리만 기다리는 동안 window.onload는 외부 자산 및 이미지를 포함한 모든 요소를 ​​확인하기 때문에 window.onload는 JQuery $(document).ready와 같지 않습니다.

편집: Jan Derk의 관찰 덕분에 IE8 및 이전 버전이 추가되었습니다. MDN에서 이 코드의 소스를 읽을 수 있습니다.

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

"interactive" 외에 다른 옵션이 있습니다. 자세한 내용은 MDN 문서를 참조하십시오.

출처 : https://stackoverflow.com/questions/2304941/what-is-the-non-jquery-equivalent-of-document-ready