一般实现文档加载完后执行某个方法就用window.onload，这个事件只在所有元素完全加载完才执行。

当网页加载慢时执行也会慢，但是有个document.readyState可以实现dom形成就执行某个方法，而不用等到页面所有资源加载完。实现方法是监听document.onreadystatechange然后判断document.readyState的状态，每个状态都会触发这个事件。案例代码如下。

window.document.onreadystatechange = function(){
        if( window.document.readyState === "interactive" ){
                
                
                alert(document.getElementById("hy").innerHTML);
        };
};

readyState 属性返回当前文档的状态该属性返回以下值:

• uninitialized - 还未开始载入

• loading - 载入中

• interactive - 已加载，文档与用户可以开始交互

• complete - 载入完成