页面全部加载完成,如何判断?

虽然现在的网速已经很快,但仍无法避免网页元素过大或移动端信号不好的情况发生,此时如果有一个加载完成动画,就可以避免用户看到页面未加载完成时,那丑陋的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()
    }
}

本文系作者 @ 原创发布在 徐小鹏的个人分享博客。未经许可,禁止转载。

喜欢()
评论 (0)
21 文章
7 评论
1 喜欢
Top