不同语言以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频道！