1. DomContentLoaded

    简单说,等效于Jquery中的$(document).ready()当JS脚本加载完就触发,和资源加载无关,直面意思

    就是Dom内容结构加载完毕就执行你不知道的DOMContentLoadedMDN解释

    1. document.addEventListener('DOMContentLoaded',function(){
    2. console.log('3 seconds passed');
    3. });

    2.onload
    简单说,就是页面所有内容都加载完才触发,这个不是很可取,因为页面资源加载速度不确定,所以逻辑注入最好使用DOMContentLoaded