window.onload放置在什么地方
分类：实例代码
这本身是一个非常简单的问题，好像还有初学者在提问，下面就做一下简单介绍。
之所以有这样的问题出现，根本原因就是没有理解window.onload事件触发的条件或者为什么要使用此事件。
先看一段代码实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script>
var odiv = document.getElementById("antzone");
odiv.innerHTML = "antzone";
</script>
</head>
<body>
<div id="antzone">犀牛前端部落</div>
</body>
</html>
上面你的代码会报错，如下:
之所以报错是因为，当代码执行到var odiv = document.getElementById("antzone");的时候，由于代码是顺序执行的，div元素并没有加载完毕，所以就无法获取该对象。window.onload事件是当文档内容完全加载完毕后触发，也就解决了元素没有加载的问题。所以通常它会放置于head中，其实任何位置都是可以的，只是习惯而已。放在页面的底部是没有必要的，因为元素已经加载完毕。
更多内容可以参阅window.onload用法详解一章节。
