JS配置文件动态加载CSS,js和定义请求路径
2017-06-23 16:39
369 查看
以前加载JS.CSS文件都习惯直接在页面中 直接加载,比如
而请求后台则是写请求路径。
后来因为项目要再部署一套,因为后台那边不知道什么情况,VFP写的。所以限制比较多,很多东西都是爱好者自己写的。官方已经不再更新了。没办法,没法分开目录来存储相同的文件,只能把另一个项目的名称改一下了。这是后真是苦不堪言。几十个文件,全都要检索一遍更改文件名。
后来想想直接用配置文件的形式去加载好了。虽然这样会额外再加载一个文件,但基本不影响。因此把所有CSS,JS,请求路径全都集中到配置文件conf.js中,这样以后直接更改配置文件就行了。
conf.js
使用方法:
所有的文件和请求路径都写在这个配置文件中
在需要加载的页面,比如a.html
不知道有没有什么更好的方法可以配置文件信息。当然用XML,JSON之类的也可以弄,我比较倾向于这种形式。至于为什么不把include_CSS集成为include_CSS(arg1,arg2,arg3….);还是我自己的个人习惯,有需要的可以自己修改下include_css和include_js两个函数.
<link rel="stylesheet" type="text/css" href="css/style.css"/> <script type="text/javascript" src="js/login.js"></script>
而请求后台则是写请求路径。
后来因为项目要再部署一套,因为后台那边不知道什么情况,VFP写的。所以限制比较多,很多东西都是爱好者自己写的。官方已经不再更新了。没办法,没法分开目录来存储相同的文件,只能把另一个项目的名称改一下了。这是后真是苦不堪言。几十个文件,全都要检索一遍更改文件名。
后来想想直接用配置文件的形式去加载好了。虽然这样会额外再加载一个文件,但基本不影响。因此把所有CSS,JS,请求路径全都集中到配置文件conf.js中,这样以后直接更改配置文件就行了。
conf.js
(function(){ //JS文件配置 window.conf={ include_JS:function(src){document.write('<script src="'+src+'"></script>')}, include_CSS:function(href){document.write('<link href="'+href+'" rel="stylesheet" />')}, Jmui:'js/mui.min.js', Jplus_extends:'js/plus_extends.js', Jquery:'js/jquery-3.1.1.min.js', Cmui:'css/mui.min.css', Cbootstrap:'css/bootstrap.min.css', Cstyle:'css/style.css', xxxPHP:'http://www.xxx.cn/xxx.php' } })();
使用方法:
所有的文件和请求路径都写在这个配置文件中
在需要加载的页面,比如a.html
<script type="text/javascript" src="js/conf.js"></script>//先加载配置文件 <script type="text/javascript"> conf.include_CSS(conf.Cmui);//导入css conf.include_JS(conf.Jmui);//导入js //请求路径则是conf.xxxPHP </script> //这样以后因为各种原因,修改了JS/CSS文件名称,或者请求路径变了,直接修改conf.js中的信息就可以了
不知道有没有什么更好的方法可以配置文件信息。当然用XML,JSON之类的也可以弄,我比较倾向于这种形式。至于为什么不把include_CSS集成为include_CSS(arg1,arg2,arg3….);还是我自己的个人习惯,有需要的可以自己修改下include_css和include_js两个函数.
相关文章推荐
- 在Asp.Net头部动态加载css和js文件的方法(转)
- js动态加载css文件
- 动态加载外部css或js文件
- 用javascript动态加载不同css/js文件
- ASP.net动态加载JS代码与CSS文件
- ASP.NET使用后台动态加载js和css文件
- Django1.4关于静态文件(css.js等)和模板路径的配置
- 网页中的动态加载(js文件和css文件即换肤)
- 如何使用jquery动态加载js,css文件实现代码
- 动态加载、移除、替换js/css文件
- 使用javascript动态加载外部css或js文件
- JS 动态加载js文件和css 文件 同步/异步 两种方式
- 使用jquery动态加载js,css文件
- ASp.net动态加载js和css文件
- Javascript实战应用篇(3):动态加载JS和CSS文件
- 用JavaScript动态加载CSS和JS文件
- 使用jquery动态加载js,css文件
- 使用jquery动态加载js,css文件
- 在Javascript中动态加载css文件和js文件
- 动态加载外部CSS与JS文件