단일 페이지 JavaScript 애플리케이션의 페이지로드 이벤트?

Question

페이지가 전체 요청을하지 않는 단일 페이징 JavaScript 응용 프로그램을 요구합니다. 특히 초기 요청이 전체 요청이고 다른 모든 내용이 XMLHttpRequest 인 YouTube와 같은 사이트의 경우에만 본문 만 클라이언트 측을 변경합니다.

예는 YouTube입니다. 다음과 같이하고 싶습니다.

1. YouTube.com으로 이동하여 동영상 중 하나를 클릭하십시오.
2. 비디오 페이지가 로딩 완료,

console.log("page loaded"); 내가 페이지가로드 될 때를 위해 추가 할 수있는 이벤트 리스너가 있습니까?

Answer 1

DOM을 수정할 때 이벤트가 발생하지 않으므로 이와 같은 이벤트에 리스너를 추가 할 수 없습니다.

DOM에서 수정 사항을 수동으로 추적해야합니다. 당신은 당신이 사용하는 수정 기능에 "콜백"을 추가 할 수 있습니다

function addSomethingToPage(data){ 
    data.doSomething(): 
    domReady(); 
} 

function domReady(){ 
    //re-usable "callback" 
}