46

纯JS监听document是否加载完成

跨浏览器且纯JavaScript检测document是否加载完成。

跨浏览器且纯JavaScript检测document是否加载完成的方法是使用readyState.

if (document.readyState === 'complete') {
  // 页面已完全加载
}

这样可以在document完全加载时监测到……

let stateCheck = setInterval(() => {
  if (document.readyState === 'complete') {
	clearInterval(stateCheck);
	// document ready
  }
}, 100);

或者使用onreadystatechange

document.onreadystatechange = () => {
  if (document.readyState === 'complete') {
	// document ready
  }
};

使用document.readyState === 'interactive'监听DOM是否加载完成。