页面加载完成 使用总结

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

  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>
原文地址:https://www.cnblogs.com/wwlhome/p/4634884.html