js代码在载入完后，是立即执行的。
Document
var item = document.getElementById("item")
console.log(item)//null
我是html结构，我要展示到页面上！
通过这个简单的例子我们可以看到，js代码在加载完后，是立即执行的，执行完后，body才开始解析渲染，所以是找不到item，所以为null。
js代码执行时会阻塞页面渲染(由于GUI渲染线程和js引擎线程互斥。具体原理可以看这)
Document
while (true) {
console.log(1)
}
我是html结构，我要展示到页面上！
测试结果，浏览器一直处于加载过程，一会就卡死了。html整个结构(包括html标签)都无法渲染出来。js的下载和执行会阻塞Dom树的构建。
86250c123e53
1523429832(1).jpg
所以，我们一般采用以下方法
将所有的script标签放到页面底部，也就是body闭合标签之前，这能确保在脚本执行前页面已经完成了DOM树渲染。
如果放在上面，将js包裹在$(document).ready(function(){})或者$(function(){})里面
,或者window.οnlοad=function(){}里面。
具体这几句代码什么意思，可以看一下文章
ready和onload的区别
最好是单独写个文件夹，然后写个js文件放置然后在jsp页面通过<script src="js文件的相对地址">来导入。当然你写在<head>里也可以。最好能不写在页面里就不写在页面里。。实现一般都用外部js文件导入。一是分离开,方便修改。二是可以js代码复用。你想啊，只写在一个jsp里，如果我另一个要用怎么便？？？？你复制过去吗？？？这个和java里的封装方法一个思想所以建议通过外部 js导入 像楼主提供的这种简单的js。一般直接放在页面中即可。我说的是方法比较多的情况才用外部文件。这个也不难区别的。
