前端配置文件控制js中的值

原创于 2021-08-25 17:03:20 发布 · 366 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了如何在前端项目中通过配置文件控制JavaScript的值。首先，需要引入jQuery和jQuery.i18n.properties库。然后，创建如'user.properties'的配置文件，设置所需属性，如'name=666'，并将其放在js目录下。接着，利用jQuery.i18n.properties API来引用这些配置。最后，在代码中适当位置调用，实现动态读取配置文件中的值。

1.引入相应的js文件

jquery文件和jquery.i18n.properties文件自行下载

<script type="text/javascript" src="./js/jquery1.9.0.js"></script>
<script type="text/javascript" src="./js/jquery.i18n.properties-1.2.2.js"></script>

2.创建相应配置文件

配置文件名字：user.properties
配置文件内容：name=666
配置文件路径：js目录下

如果配置文件在其他路径请自行探索路径写法

3.使用jQuery.i18n.properties API

function initpro(){
            jQuery.i18n.properties({// 加载properties文件  
                name:'user', // properties文件名称,无后缀
                path:'js/', // properties文件路径    
                mode:'map', // 用 Map 的方式使用资源文件中的值  
                callback: function() {// 加载成功后设置显示内容  
                    console.log($.i18n.prop("nepadmin.views.gis.index.maxZoom"));
                }
                });  
        }