DOM Ready 详解

插播广告: 百度商务搜索部, 招聘前端测试工程师! 待遇优厚! 要求JS, Linux基础. 有意向的同学请直接联系我!

DOM Ready 概述    

熟悉jQuery的人, 都知道DomReady事件. window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发. 另外我们需要在DOM准备完毕后, 再修改DOM结构, 比如添加DOM元素等. 否则有可能出现“Internet Explorer无法打开站点”的问题. 要模拟此错误, 可以在页面上添加下面的代码, 并用IE6打开:

<div>

    <script type="text/javascript">

        var div = document.createElement('div');

        div.innerHTML = "test";

        document.body.appendChild(div);

    </script>

</div>