zoukankan      html  css  js  c++  java
  • 如何判断页面是否加载完成?

    方式一:window.onload:

                  当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。

        

    window.onload=function(){
    
            dosth//你要做的事情
    
        }

    方式二:$(document).ready(): 

        会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的,但是,并不意味着所有关联的文件都已经下载完毕。换句话说,当HMTL下载完成并解析为DOM树之后,代码就会执行。

        

    $(document).ready(function(){
    
          dosth//你要做的事情
    
        })

        注意:页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成。(可以说:ready 在onload 前加载!!!)

    方式三:用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成,需要的朋友可以参考下,用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加       载完成 

        

    document.onreadystatechange = function()   //当页面加载状态改变的时候执行function
    
        { 
    
           if(document.readyState == "complete")
    
          {   //当页面加载状态为完全结束时进入 
                      init();   //你要做的操作。
             }
        }

    原文链接:https://www.cnblogs.com/jiangfengtomhuo/p/10237456.html

  • 相关阅读:
    ssh免密码登陆设置时Authentication refused: bad ownership or modes错误解决方法
    centos7下安装python3
    mongodb基本操作
    mongodb之增删改查
    openfire插件开发之IQHander
    centos7下安装MongoDB4.0
    XMPP节之message,presence,IQ介绍
    linux命令 比较两个文件
    关于内存泄露
    一些术语——依赖倒置•控制反转•依赖注入•面向接口编程
  • 原文地址:https://www.cnblogs.com/houBlogs/p/12721709.html
Copyright © 2011-2022 走看看