页面全部加载完成,如何判断?
虽然现在的网速已经很快,但仍无法避免网页元素过大或移动端信号不好的情况发生,此时如果有一个加载完成动画,就可以避免用户看到页面未加载完成时,那丑陋的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() } }
本文系作者 @feacx 原创发布在 徐小鹏的个人分享。未经许可,禁止转载。