如何判断页面是否加载完成？

方式一：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