标签归档：DOMContentLoaded

相信写js的，都知道window.onload吧，但是并不是每个人都知道DOMContentLoaded，其实即使你不知道，很有可能你也经常使用了这个东西。 一般情况下，DOMContentLoaded事件要在window.onload之前执行，当DOM树构建完成的时候就会执行DOMContentLoaded事件，而window.onload是在页面载入完成的时候，才执行，这其中包括图片等元素。大多数时候我们只是想在DOM树构建完成后，绑定事件到元素，我们并不需要图片元素，加上有时候加载外域图片的速度非常缓慢。 我们可以写代码来简单测试一下这两种事件： javascript代码（引入了jQuery1.4.1)： if(document.addEventListener){ function DOMContentLoaded(){ $(“#status”).text(“DOM is ready now!”); } document.addEventListener( “DOMContentLoaded”, DOMContentLoaded, false ); } window.onload=function(){ $(“#status”).text(“DOM is ready AND wondow.onload is excute!”); } HTML 代码 body 部分： <h1> DOM READY’s TEST </h1> <img src=”./delay.php” alt=”delay image” … 继续阅读 →