alert 多语言的处理

1. code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用Layui</title>
  <link rel="stylesheet" href="layui/css/layui.css">
</head>
<body>
<!-- 你的HTML代码 -->
<script src="layui/lay/dest/layui.all.js"></script>
<script>
//layer.alert("HELLO LAYUI");
var userLang = navigator.language || navigator.userLanguage;
//json变量保存 页面需要的多语言文本对应的K-V键值对 可放到properties文件中
var lang_properties_en = {
    alert_title: "message",
    alert_success:"Your Operation is successful",
    alert_btn_sure:"ok"
};
var lang_properties_zh_CN = {
    alert_title: "信息",
    alert_success:"操作成功",
    alert_btn_sure:"确定"
};

var lang_alert = {};
if(userLang == "zh-CN"){
    lang_alert = {
        title:lang_properties_zh_CN.alert_title,
        content:lang_properties_zh_CN.alert_success,
        btn:lang_properties_zh_CN.alert_btn_sure
    };
}else{
    lang_alert = {
        title:lang_properties_en.alert_title,
        content:lang_properties_en.alert_success,
        btn:lang_properties_en.alert_btn_sure
    };
}
layer.open(lang_alert);

</script>  
</body>
</html>

 

posted @ 2017-06-27 16:07  fanblog  阅读(815)  评论(0)    收藏  举报