在Web开发中，常用到JavaScript进行前台的控制，但是JavaScript在页面中出现的先后顺序会影响其执行的效果，我也是在最近的项目开发中发现这一点，但是对于细心的程序员来说，可能已经遇到这点了，我写这个也是为了给像我这样刚入职的程序员提醒，少走弯路。下面是举个例子来说明：
当JavaScript在<head>标签中时
<html>
<head>
<script>
var div = document.getElementById("div");
alert(div);
</script>
</head>
<body>
<div id="div"></div>
</body>
</html>弹出提示的对话框为null值
当JavaScript在标签加载完成之后，再调用JavaScript，效果就会得到意象中结果
<html>
<head>
</head>
<body>
<div id="div"></div>
<script>
var div = document.getElementById("div");
alert(div);
</script>
</body>
</html>
分析：不做任何处理的情况下在<head>标签中JavaScript先于标签加载之前调用，所以会返回null对象，获取不到想要的结果；后边的JavaScript是在页面加载完成之后调用的，所以会得到不为null的结果。
201
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
