JS代码可以在html代码的<head>和<body>里面引用，所以按照解析html代码的先后顺序来决定JS的执行的先后顺序，可以看下面的一段代码来验证：
1.在<head>里面的JS谁先被引用，谁就优先执行，在本例中外部引用的JS第一个执行。紧接着下面的一个<script>“最先实行”代码执行。
2.在<body>里面的JS要比<head>里面的JS后执行，因为html代码是先执行<head>再执行<body>的，紧接着执行“中间执行1”，然后页面上执行html代码“This is my JSP page. ”，在按照顺序执行“中间执行2”的JS代码。
3.最后页面全部加在完成之后，就是从<head>一直到<body>全部执行完，出发页面加载完成函数onload（），然后处罚“最后执行”JS。
4.如果引入jquery之后，在$(document).ready(function(){。。。})里面的脚本是在页面所有的html全部加载完成之后再执行。
5.关于CSS样式，直接在标签后面style引用效果最强，在head里面定义的样式引用效果次之，在head里面引用外部的样式效果最弱，用JS改写的样式，一般比直接引用的样式要强。
<head>
??<script type="text/javascript" src="temp.js"></script>
?<script type="text/javascript">
??alert("最先执行");
?</script>
? </head>
?
? <body onload="alert('最后执行');">
?? <script type="text/javascript">
??? ?alert("中间执行1");
??? </script>
??? This is my JSP page. <br>
??? <script type="text/javascript">
??? ?alert("中间执行2");
??? </script>
? </body>
