zoukankan      html  css  js  c++  java
  • 页面加载完成 使用总结

    页面加载完成的方法有两个函数:

      1.jq的ready()方法;

      2.js的window.onload = function(){}方法;

    区别:

      ready()方法指的是html的dom加载完成(图片,文字等不一定加载完成);

      window.onload = function(){}方法指的是html的内容加载完成(包括文字,图片,动画等);

    在选用的时候要针对情况选择;

    另外也可以使用以下代码判断页面内容是否加载完成:

    function funame() {   
    
        if(document.readyState=="complete") {         
     
            //页面加载完成执行
    
        }else{
        
        }
    }   

    需要注意的是

      上面代码执行的时间点,这个不好控制,因为加载进度根据网路好坏而不同的;

      我们可以使用定时计数器{setInterval()}来不断监测加载情况,

      在加载完成后清除定时计数器即可;

     1 <script type="text/javascript">
     2 
     3 var int=self.setInterval("isok()",50);
     4 
     5 function isok() {   
     6     if(document.readyState=="complete") {          
     7         cleari();
     8     }else{
     9     }
    10 };
    11 
    12 function cleari(){
    13     int=window.clearInterval(int);
    14        // write your function  
    15 };
    16 
    17 </script>
  • 相关阅读:
    Spring boot 梳理
    Spring boot 梳理
    Spring boot 梳理
    观察者模式
    设计模式原则
    Spring MVC上传文件
    Spring MVC视图解析器
    Spring MVC中Action使用总结
    Spring MVC控制器
    Java并发 两个线程交替执行和死锁
  • 原文地址:https://www.cnblogs.com/wwlhome/p/4634884.html
Copyright © 2011-2022 走看看