zoukankan      html  css  js  c++  java
  • JS判断页面是否加载完成

    document.readyState == "complete" 判断页面是否加载完成
    传回XML 文件资料的目前状况。  
    基本语法
    intState = xmlDocument.readyState;
     
    说 明:
    这个属性是只读的,传回值有以下的可能:
    0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。
    1-LOADING:加载程序进行中,但文件尚未开始解析。
    2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。
    3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。
    4-COMPLETED:文件已完全加载,代表加载成功。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style type="text/css">
            *{padding:0px;margin:0px;}
            body,html{height:100%;height:100%;}
            .load{position:relative;height:100%;height:100%;background-color: rgba(0,0,0,0.5);}
            .load img{position:absolute;top:50%;left:50%;margin-top:-62px;margin-left:-62px;}
        </style>
    </head>
    <body>
    <div class="load" id="load">
        <img src="images/load.gif" alt="">
    </div>
    <div class="container"></div>
    </body>
    </html>
    <script type="text/javascript">
        window.onload = function(){
            for(var i = 0;i < 3000;i++){
                document.writeln("这是第"+i+"条数据!"+"<br/>");
            }
        }
        document.onreadystatechange = subSomething;
        function subSomething() {
            if(document.readyState == "complete"){
                //加载完毕执行
                var load = document.getElementById("load");
                load.style = "display: none";
            }
        }
    </script>
    
  • 相关阅读:
    celery 大量消息的分布式系统 定时任务
    小程序开发-生活娱乐两不误
    linux安装selenium+chrome+phantomjs
    CENTOS 7 安装 TINYPROXY 代理服务器
    JVM(三) 垃圾回收时间点和垃圾收集器
    JDK12 concurrenthashmap源码阅读
    JVM(二) 对象存活判断和垃圾回收算法
    java 线程池(2)
    JVM(一)
    java 线程池(1)
  • 原文地址:https://www.cnblogs.com/liubeimeng/p/5211912.html
Copyright © 2011-2022 走看看