判断document加载完成比较

1.页面加载完成（HTML css js 图片 iframe）

window.onload=function(){};
$( window ).load(function() {});

2.页面加载完成（html、 css 和js之间）

$(document).ready();
$(function(){})

3.页面加载完成（hmtl css之间）

document.onreadystatechange = documentReadyState;
    function documentReadyState() {
        if (document.readyState == "complete") {
               
        }
    }

4.DOMContentLoaded事件在形成完整DOM树之后就会触发，不理会图像、JavaScript文件、CSS文件或其他资源是否已经下载完毕。

document.addEventListener("DOMContentLoaded",function(){
     console.log("DOMContentLoaded");     
})

发生在document.ready之后