js文件在jsp中存放位置

在回访客户信息推送开发过程中，customerVisitPlan.jsp页面需要实现城市控件，电子地图，以及网店查询功能，该页面需要引入大量js,css文件，在做电子地图以及网点查询的时候用的是js中事件绑定，

<input type="text" style="width: 45%" id="shopSite"													name="shopSite" min="1" max="80" value="" tabindex="9" />												<input id="branch" type="button" value="网点查询"													style="width: 15%">

[img]http://dl2.iteye.com/upload/attachment/0096/0356/a267a759-8d64-3107-be2d-8e9436f3a4b2.png[/img]
但是在测试的时候打断点进不来，原来是由于js文件中没有

$(document).ready(function(){})

在文档加载后激活函数,这样就不会触发事件绑定功能。
但是同样的悲剧又发生了，在做城市控件的时时候事件也一直不能触发，也就是导致一个页面加载不出来，自己调试了一下午各种调试觉得没什么问题但是就是事件不能触发，页面加载不出来，实在不能解决又让几个大拿帮着调试，一段时间后无果，最后突然发现是jsp引入js 文件放到head中了，这样js中的事件方法是不会触发的，因为事件绑定的js在head中在触发之前是不会先执行的，这样事件就无法绑定以至于导致页面无法加载。
教训：以后js最好是放在jsp文件后面。
css文件放在head中。
[img]http://dl2.iteye.com/upload/attachment/0096/0358/14bb17d5-cc82-3cc8-97fb-601c6ef914fa.png[/img]

总之今天是受教了。