不同语言以json格式存放不同文件

{
    "information": "个人资料",
    "fuckworld":"你好世界"
}

需要翻译的标签

<span data-tex='information'></span>
<span data-tex='fuckworld'></span>

在APP入口页面获取所需要的语言文件

//当前浏览器的语言
var $language = navigator.language;
//获取需要的语言存入localStorage方便别的页面使用
mui.getJSON('js/locales/'+ $language +'.json',null,function(d){
                localStorage.setItem('language',JSON.stringify(d));
            })

公用js

//多语言
var $language= JSON.parse(localStorage.getItem('language'));

function translation(){
    var $tags = document.querySelectorAll('[data-tex]');
    for(var i = 0; i<$tags.length; i++ ){
        if($tags[i].tagName.toLowerCase() === 'input'){
            $tags[i].value = $language[$tran[i].dataset.tex];
        }else{
            $tags[i].innerText = $language[$tran[i].dataset.tex];
        }
    }
}

translation();

最新文章

  1. Atitit 图像处理 调用opencv 通过java &#160;api &#160;&#160;attilax总结
  2. Windows on Device 项目实践 5 - 姿态控制灯制作
  3. iOS开发拓展篇—音频处理(音乐播放器6)
  4. Web Storage的方法
  5. Aapache status / apache2ctl status 总是403
  6. [翻译]Kafka Streams简介: 让流处理变得更简单
  7. 谈谈Angular关于$watch,$apply 以及 $digest的工作原理
  8. .NET平台下几种SOCKET模型的简要性能供参考
  9. 【Xamarin 挖墙脚系列:Windows 10 一个包罗万象的系统平台】
  10. ftp服务搭建
  11. zabbix监控docker
  12. Caused by: java.io.FileNotFoundException: class path resource [applicationContext.xml] cannot be ope
  13. PHP 生成验证码(+图片没有显示的解决办法)
  14. 怎么在idea中新建package包,只有directory选项
  15. poj-3928(树状数组)
  16. Tomcat Connector原理
  17. 单一事件中心管理组件通信( vuex )
  18. UIwebview 文件的下载与保存,以及mp3文件的播放
  19. Gh0st整理资料1
  20. 使用 Azure CLI 在 Azure China Cloud 云平台上手动部署一套 Cloud Foundry

热门文章

  1. Python 3 学习笔记之——数据类型
  2. BZOJ 4408 FJOI2016 神秘数 可持久化线段树
  3. Coursera: Internet History, Technology, and Security
  4. video on web
  5. can be found for element &#39;tx:annotation-driven&#39;
  6. Spring之JDBC
  7. P1712 [NOI2016]区间
  8. [Leetcode] Multiply strings 字符串对应数字相乘
  9. 洛谷P4593 [TJOI2018]教科书般的亵渎 【数学】
  10. Ubuntu使用vim编辑器时出现上下左右键变成ABCD