jq的简单国际化

小小龙上士

已于 2023-03-09 13:10:49 修改

阅读量216

点赞数

文章标签： javascript 开发语言 jquery

于 2023-03-08 17:31:03 首次发布

本文链接：https://blog.csdn.net/weixin_45272790/article/details/129407778

版权

建立i18n文件夹，文件夹中建立en.js和zh-cn.js

function en() {
    return{
        'app.name':'name',
        
    }
    
};

核心代码

let i18nObject=zhCN()
//根据事件设置localStorage然后location.reload();根据localStorage判断i18nObject等于zhCN()还是en()
$("[iot-label]").each(function () {

  var item = $(this);
  var key = item.attr("iot-label");
  var text = i18nObject[key];
  if (!text) {
    text = key + " not found";
  }
  item.text(text);
});

html代码段

<span iot-label="app.name"></span>

<script src="js/i18n/zh-CN.js"></script>
  <script src="js/i18n/en.js"></script> 
  <script src="js/base.js"></script>