윈도우 dom이 파싱 중인지 확인하십시오.

Question

그래서 SDK에 윈도우가로드되는지 확인하는이 함수가 있습니다. 그 코드는 아래에 있습니다.

내 질문에 innerHTML 또는 appendChild 또는 html을 변경하는 것이 발생하면 어떻게됩니까? 그게 loadContext를 다시 가져 옵니까? 창에서 DOM이 완전히 구문 분석되었거나 구문 분석이 진행되는 동안이 방법으로이 작업을 수행 할 수 있는지 알고 싶습니다.

편집 : 실제로이 문서가로드되어 있는지 확인하는 코드입니다 :

const isInteractive = window => 
    window.document.readyState === "interactive" || 
    isDocumentLoaded(window) || 
    // XUL documents stays '"uninitialized"' until it's `readyState` becomes 
    // `"complete"`. 
    isXULDocumentWindow(window) && window.document.readyState === "interactive"; 
exports.isInteractive = isInteractive; 

const isXULDocumentWindow = ({document}) => 
    document.documentElement && 
    document.documentElement.namespaceURI === XUL_NS; 

/** 
* Check if the given window is completely loaded. 
* i.e. if its "load" event has already been fired and all possible DOM content 
* is done loading (the whole DOM document, images content, ...) 
* @params {nsIDOMWindow} window 
*/ 
function isDocumentLoaded(window) { 
    return window.document.readyState == "complete"; 
} 
exports.isDocumentLoaded = isDocumentLoaded; 

는하지만 innerHTML을 구문 분석 될 때 대화 형으로 이동 readyState가 무엇입니까? 페이지가 완전히 렌더링 된시기를 알고 싶습니다.

Answer 1

동적 HTML 변경은 document.readyState property에 영향을 미치지 않으며, 단방향 길입니다. 문서가 구문 분석되는 동안 값은 "loading"이고, 구문 분석이 완료되면 "interactive"이 처리되고 모든 것이 완료되면 이미지 (예 : DOMContentLoaded 이벤트 발생) 및 "complete"이로드되어야합니다 (load 이벤트 발생). 그 후 더 이상 변경되지 않습니다.