码迷,mamicode.com
首页 > 移动开发 > 详细

简单粗暴的webapp语言国际化

时间:2016-04-14 15:54:37      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

不同语言以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();

 

简单粗暴的webapp语言国际化

标签:

原文地址:http://www.cnblogs.com/coolyuwk/p/5391196.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!