页面全部加载完毕和页面dom树加载完毕

Posted 喜欢骑车的大冬瓜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面全部加载完毕和页面dom树加载完毕相关的知识,希望对你有一定的参考价值。

dom树加载完毕

$(document).ready()

//原生写法
document.ready = function (callback) {
            ///兼容FF,Google
            if (document.addEventListener) {
                document.addEventListener(‘DOMContentLoaded‘, function () {
                    document.removeEventListener(‘DOMContentLoaded‘, arguments.callee, false);
                    callback();
                }, false)
            }
             //兼容IE
            else if (document.attachEvent) {
                document.attachEvent(‘onreadytstatechange‘, function () {
                      if (document.readyState == "complete") {
                                document.detachEvent("onreadystatechange", arguments.callee);
                                callback();
                       }
                })
            }
            else if (document.lastChild == document.body) {
                callback();
            }
        }

页面全部(包括图片)加载完毕

$(window).load()

//原生
window.onload=function(){
}

 

以上是关于页面全部加载完毕和页面dom树加载完毕的主要内容,如果未能解决你的问题,请参考以下文章

jquery中的DOM的理解

$(document).ready和window.onload的区别

jQuery 是如何判断HTML页面加载完毕的?它的原理是啥?

WebBrower如何获取脚本加载完毕后的HTML

DOM加载完毕之后执行js

Javaweb出来炸到---JQuery