页面加载完成的方法有两个函数:
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>