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>
  • 相关阅读:
    自定义组件
    vue 父子组件传值数据不能实时更新问题
    vuex(2)
    vuex(1)
    mysql-忘记密码
    转发&重定向
    mysql主从配置
    mysql安装脚本
    1、JAVA数据类型
    maven 国内阿里云镜像配置
  • 原文地址:https://www.cnblogs.com/wwlhome/p/4634884.html
Copyright © 2011-2022 走看看