dom content load load - amorfati0310/javascript-vm GitHub Wiki

dom content Download

개발자 도구 네트워크 패널 test할 때는 disable cache로 전체를 보는 것이 더 좋다

새로고침 아래에 DomContentLoad 338ms Load 708ms 라는 문구를 볼 수 있다. 돔에 필요한 ContentLoad가 되었다. Load는 이미지라던지 외부 자원까지 다 로드가 되었을 때 된 시간

보통 dom이 load된 후에 안전하게 파일을 시작함 👍

  document.addEventListener("DOMContentLoaded", function(event) {
     init();
  });


참고 크로스 브라우징 
if (document.addEventListener) { 
   document.addEventListener("DOMContentLoaded", function () { 
   document.removeEventListener("DOMContentLoaded", arguments.callee, false); 
   domReady(); }, false); 
} 
// Internet Explorer 
else if (document.attachEvent) { 
document.attachEvent("onreadystatechange", function () {
 if (document.readyState === "complete") { 
document.detachEvent("onreadystatechange", arguments.callee); 
domReady(); 
} }); } 
//DOM이 모두 로드 되었을 때 function domReady () { //처리할 내용 }

load가 된 후에는 어떤 것을 사용하는 것이 좋을까

img