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用法详解一章节。

window.onload放置在什么地方

回复

我来回复
  • 暂无回复内容