Load and domcontentloaded in JS

1. load

When the entire page and all dependent resources such as style sheets and images have finished loading , Will trigger load event .

window.addEventListener('load', (event) => {
    
  console.log('page is fully loaded');
});
// You can also use onload Realization ：
window.onload = (event) => {
    
  console.log('page is fully loaded');
};

2. DOMContentLoaded

DOM The callback function is triggered when the loading is completed , No need to wait for dependent resources to load .
therefore DOMContenLoaded Will be in load Trigger before .