页面全部加载完成，如何判断？

虽然现在的网速已经很快，但仍无法避免网页元素过大或移动端信号不好的情况发生，此时如果有一个加载完成动画，就可以避免用户看到页面未加载完成时，那丑陋的DOM结构。此处的加载完毕包括CSS Image JS文件等。

经过GG搜索，我找到了3种方法
1. 使用jQuery的 load 方法
2. 使用window.onload方法
3. 使用document.onreadystatechange，并使用document.readyState == 'complete' 进行判断

哪个好哪个坏我暂不做评判，下面直接上使用方法

方法一

$(window).on('load', () => {
    Fn()
})

方法二

window.onload = function () {
    Fn()
}

方法三

document.onreadystatechange = function (e) {
    if (document.readyState == 'complete') {
        Fn()
    }
}