<script type="text/javascript">
alert("head1")
function test(){
alert("test")//不会执行，需要触发时才执行，比如单击事件（单击查询按钮时）}alert("head2")</script></head><body><h3>订单列表</h3>
<select id="orderStatsList">
<option value="1">订单状态</option>
<option value="2">完成</option>
<option value="3">未完成</option>
<option value="4">逾期未消费</option>
</select><select id="orderDateRange">
<option value="1">近7天</option>
<option value="2">近一个月</option>
<option value="3">近六个月</option>
<option value="4">六个月前</option>
</select><input type="button" value="查询" onclick="test()"/>
<div id="orderlisttable"></div><script type="text/javascript">
var s= document.getElementByIdx_x("orderStatsList").valuealert(s)alert("body")</script></body><!--结论如下：
1.弹出：head1
2.弹出：head2
3.弹出：1
4.弹出：body说明：页面首先加载head里面的js，但方法function不会执行，function需要在被触发的时候才执行（比如单击事件）,
之后会加载body里面的内容，页面和js顺序加载。
建议：尽量不要将js写在body里面，看起来很乱，也很容易报错。尽量将js写在head里面或在head里引入js文件
Javascript写在哪里？概括起来就是三种形式：
1. 内部：Html网页的<body></body>中；// 不建议使用
2. 内部：Html网页的<head></head>中；
3. 外部：外部JS文件里。//推荐，页面简洁，好管理。
最好是单独写个文件夹，然后写个js文件放置然后在jsp页面通过<script src="js文件的相对地址">来导入。当然你写在<head>里也可以。最好能不写在页面里就不写在页面里。。实现一般都用外部js文件导入。一是分离开,方便修改。二是可以js代码复用。你想啊，只写在一个jsp里，如果我另一个要用怎么便？？？？你复制过去吗？？？这个和java里的封装方法一个思想所以建议通过外部 js导入 像楼主提供的这种简单的js。一般直接放在页面中即可。我说的是方法比较多的情况才用外部文件。这个也不难区别的。
