关于动态加载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>
就可以了,这样页面也比较干净和管理。