Js代码放置在不同的位置加载顺序问题，根据不同的需求我们应该将Js代码放置在不同的位置，具体需要先了解一下将Js代码放置在不同的位置会有怎样的加载顺序。
先看下面的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="../../../platform/jsp/common/common.jsp" %>
<script type="text/javascript">
$(function () {
alert(16);
});
</script>
</head>
<body>
<div id="cc" class="easyui-layout" style="width:100%;height:100%;">
<div data-options="region:'west',title:'通道',split:true" style="width:15%;">
</div>
<div data-options="region:'center',title:'实时监控'" style="padding:5px;">
<%--插件安装--%>
<div id="login_install_dialog" style="display:none;height:20px; width:400px;padding-top:30px; margin:auto;">
<div style="clear: both;zoom:1; border: 2px solid #373737;background: #D5D5D5;">
<a id="login_btn_install" href="/webplugin.exe" target="_download" onclick="install()"
style="background: rgb(255,0,0);">Instal</a>
<a id="login_btn_cancel" href="javascript:;">Cancle</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
alert(12);
</script>
</body>
</html>
上面的代码是先弹出什么呢？结论是先弹12，再弹16，当body内的内容还没有加载完成就弹出12，加载完成后才弹出了16。因此如果你需要页面还没加载完成就执行的代码，那么你可以放置在body里，如果是加载完成之后执行的代码，你可以放置的head里。
