jsp页面的js书写,每个开发者都有自己的一套方式,比较推荐的是如下的结构:

<script type="text/javascript">
 (function(){
        //第一个对象的内部方法定义
         var obj1 = {};
        $.extend(obj1,{
               method1 : function(){
               var _this = this;
               $("#xxx").event(function(){
                      _this.method2();         //调用同一个对象中的其它方法,这里的_this经过初始化赋值后,被指向了obj1;否则如果这里写成this.method2(),则指向的是xxx对象
                       ......
               });        },
        method2 : function(){
               obj2.method1();                   //调用不同对象的方法
                      ......
                }
        }); 
 //第二个对象的内部方法定义
        var obj2 = {};
        $.extend(obj2,{
               method1 : function(){
                      ......
               },
               method2 : function(){
                      .......
               }
         }); 
//第n个对象的内部方法定义
               ......

        //初始化时调用方法
        $(document).ready(function(){
               obj1.method1();
               ......
        });
 })();
 </script>


这样写的作用:
1、单个页面的js进行了模块划分,不同的对象做不同的事情,思路清晰。
2、方法的作用域只作用于局部,与(function(){})();外部定义的方法或变量不冲突。
3、维护简单。