页面加载完成 使用总结

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

　　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