Js Loading 加载效果

最新推荐文章于 2025-05-12 00:23:08 发布

原创最新推荐文章于 2025-05-12 00:23:08 发布 · 1.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

9 篇文章 0 人学习

订阅专栏查看详情

javaScript

当前文章被收录于：

javaScript

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了如何使用JavaScript的`document.readyState`和`onreadystatechange`来检测页面加载状态，重点讲解了如何在`complete`状态下移除DOM元素。通过实例代码，帮助开发者理解页面加载过程中的关键点。

在这里插入图片描述
如果你正在做这个功能，希望可以帮助到你。

/*
    document.readyState
         readyState 属性返回当前文档的状态（载入中……）。
         该属性返回以下值:
         uninitialized - 还未开始载入
         loading - 载入中
         interactive - 已加载，文档与用户可以开始交互
         complete - 载入完成
    */
    function completeLoading() {
        console.log(document.readyState)
        if (document.readyState == "complete") {
            //  remove DOM
        }
    }
    /*
          onreadystatechange
               当页面加载状态改变的时候执行这个方法. 
       */
    document.onreadystatechange = completeLoading
 

## 也可以用这种方法验证页面是否加载完成