描述

很多时候为了想要在页面初始化的时候运行一段JS代码，都会这么写：window.onload，到底这个函数是什么时候开始运行的呢，和DOMReady有什么区别？往下看

• window.onload：在页面所有元素加载完了之后才开始执行，包括页面中所有的图片或者多媒体元素，加载时间很长，延迟也很多
• DOMReady： 从字面上看能理解出来，在DOM树加载完成之后就在开始执行，并不关心节点里的内容是什么东西。延迟小

相比之下。用DOMReady更合适初始化工作

实现方法

1.window.onload

一般是这么写：

window.onload=function(){
	//code
}

2.DOMReady

把函数入口放在html底部就可以

...
<script type="text/javascript">unit();</script>
</body>
</html>

主流的几个js框架也能实现

1. JQuery：

$(document).ready()=function(){
	//code
}

1. YUI

YAHOO.util.Event.onDOMReady()=function(){
	//code
}