简单粗暴的webapp语言国际化

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