zoukankan      html  css  js  c++  java
  • JavaScript判断页面是否已经加载完毕

    做页面时经常会遇到当前页面加载完成后,执行某些初始化工作。这时候就要知道如何判断页面(包括IFRAME)已经加载完成,代码如下:
    < script language = "javascript" > 
    document.onreadystatechange = statechange;
    function statechange() {
        if (document.readyState == 'complete') {
            for (i = 0; i < window.frames[].length; i++) {
                window.frames[i].document.onreadystatechange = statechange;
                if (window.frames[i].document.readyState != 'complete') {
                    statechange();
                    alert("加载完毕!");
                    return;
                }
            }
        }
    } 
    < /script>
    FROM:http://www.kqiqi.com/knowledge/program/717.html
    用document.onreadystatechange的方法来监听状态改变, 
    然后用document.readyState == “complete”判断是否加载完成
    < script language = "javascript" > 
    document.onreadystatechange = subSomething; //当页面加载状态改变的时候执行这个方法. 
    function subSomething() {
        if (document.readyState == “complete”) //当页面加载状态 
            alert("加载完毕!"); //加载完毕
    }
    </script>
    
    页面加载readyState的五种状态 
    原文如下: 
    0: (Uninitialized) the send( ) method has not yet been invoked. 
    1: (Loading) the send( ) method has been invoked, request in progress. 
    2: (Loaded) the send( ) method has completed, entire response received. 
    3: (Interactive) the response is being parsed. 
    4: (Completed) the response has been parsed, is ready for harvesting. 
    
    翻译成中文为: 
    0 - (未初始化)还没有调用send()方法 
    1 - (载入)已调用send()方法,正在发送请求 
    2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 
    3 - (交互)正在解析响应内容 
    4 - (完成)响应内容解析完成,可以在客户端调用了
    FROM: http://www.jb51.net/article/32569.htm
    方法一
    <body onload="alert();">
    < script language = "javascript" > 
    //方法二
    $(document).ready(function(){
      alert("加载完毕!");//执行
    })
    //方法三
    window.onload = function(){
    //全部加载完成!!
    }
    </script>
  • 相关阅读:
    [LOJ2288][THUWC2017]大葱的神力:搜索+背包DP+费用流+随机化
    [省选练习]S
    [省选练习]P
    动态淀粉质(划掉)题单&简要题解
    [CF1093G]Multidimensional Queries:线段树
    [BZOJ3199][SDOI2013]escape:半平面交
    计算几何模板
    [洛谷P5106]dkw的lcm:欧拉函数+容斥原理+扩展欧拉定理
    [POJ1637]Sightseeing tour:混合图欧拉回路
    重复旋律:后缀数组+后缀自动机
  • 原文地址:https://www.cnblogs.com/blogsme/p/3470721.html
Copyright © 2011-2022 走看看