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用法详解一章节。
网站出售中,有意者加微信:javadudu