关于动态加载js

    此话题讨论很多,解决方案也比较多。

    一个网页要用的js文件很多,可以一次性全部载入,也可以需要的时候分别载入。现在讨论的是通过jquery动态载入。

   假设定义了一个 global.js 内容如下:

   var G={};

 G.app={}; //应用

   首页定义一个home.js 内容如下:

  G.app.home={

  init:function(){},//初始化一此变量

  slideShow:function(objId,dataJson,timeout){
        $.getScript("/js/lyhucSlider.js",function(response,status){
                $('#'+objId).lyhucSlider({timeOut: timeout,dataJson:dataJson});
         });
      }

    }

  

 接着只需home页面要用到slideshow的时候调用

 <script language="javascript" type="text/javascript">G.app.home.slidePlay("silderShowAd",json,2000);</script>

 就可以了,这样页面也比较干净和管理。

posted @ 2012-02-08 13:42  alex hu  阅读(502)  评论(0编辑  收藏  举报