JS配置文件动态加载CSS，js和定义请求路径

以前加载JS.CSS文件都习惯直接在页面中 直接加载，比如

<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两个函数.