<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文件里。//推荐，页面简洁，好管理。
javascript代码写在<head>里面：由于这时候网页主体（body）还未加载，所以这里适合放一些不是立即执行的自定义函数，立即执行的语句则很可能会出错（视浏览器而定）
javascript代码写在<body>里面：
这里可以放函数也可以放立即执行的语句，但是如果需要和网页元素互动的（比如获取某个标签的值或者给某个标签赋值），Javascript代码务必在标签的后面
javascript代码写在<body>下面：
这时候整个网页已经加载完毕了，所以这里最适合放需要立即执行的命令，而自定义函数之类的则不适合。
