简单粗暴的webapp语言国际化
2024-09-01 06:50:58
不同语言以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();
最新文章
- Atitit 图像处理 调用opencv 通过java &#160;api &#160;&#160;attilax总结
- Windows on Device 项目实践 5 - 姿态控制灯制作
- iOS开发拓展篇—音频处理(音乐播放器6)
- Web Storage的方法
- Aapache status / apache2ctl status 总是403
- [翻译]Kafka Streams简介: 让流处理变得更简单
- 谈谈Angular关于$watch,$apply 以及 $digest的工作原理
- .NET平台下几种SOCKET模型的简要性能供参考
- 【Xamarin 挖墙脚系列:Windows 10 一个包罗万象的系统平台】
- ftp服务搭建
- zabbix监控docker
- Caused by: java.io.FileNotFoundException: class path resource [applicationContext.xml] cannot be ope
- PHP 生成验证码(+图片没有显示的解决办法)
- 怎么在idea中新建package包,只有directory选项
- poj-3928(树状数组)
- Tomcat Connector原理
- 单一事件中心管理组件通信( vuex )
- UIwebview 文件的下载与保存,以及mp3文件的播放
- Gh0st整理资料1
- 使用 Azure CLI 在 Azure China Cloud 云平台上手动部署一套 Cloud Foundry
热门文章
- Python 3 学习笔记之——数据类型
- BZOJ 4408 FJOI2016 神秘数 可持久化线段树
- Coursera: Internet History, Technology, and Security
- video on web
- can be found for element &#39;tx:annotation-driven&#39;
- Spring之JDBC
- P1712 [NOI2016]区间
- [Leetcode] Multiply strings 字符串对应数字相乘
- 洛谷P4593 [TJOI2018]教科书般的亵渎 【数学】
- Ubuntu使用vim编辑器时出现上下左右键变成ABCD