在之前的文章里, 我贴过 小程序的国际化方法, 这里的 方法和小程序的 基本相似,

但是还是有细微不同, 所以单独贴出来.

/**** 使用方法** 先调用 init_L 方法初始化** 然后使用 _.XXX 或者 _['XXX'] 获取具体值* */// 获取浏览器 缓存中的 语言
var lang = localStorage.getItem('appLanguage')
if(!lang){//获取系统语言lang = navigator.language;
}if (lang == undefined) {lang = "zh-hk";
} else {lang = lang.replace(/_/g, '-');
}
//将语言转为小写
lang = lang.toLowerCase()var default_L = lang;// 两种 key : 'appTitle' 或者  'app title', 第一种  _.appTitle, 第二种: _['app title']
var default_ = {"en": {'appTitle': 'H5'},"zh_cn": {'appTitle': '网页版'},"zh_hk": {'appTitle': '網頁版'}
}// 设置 默认语言
var _ = default_.zh_hk;// 我这里是使用浏览器默认语言, 如果这里不调用, 则需要在引用页的js内申明.
init_L();// 设置语言, L 不传 则获取浏览器语言
function init_L(L) {if (L != null && L != "" && L != 'undefined' && L != undefined) {default_L = L;}if (default_L == "en") {_ = default_.en;} else if (default_L == "zh-cn") {_ = default_.zh_cn;} else {_ = default_.zh_hk;}
}

js 实现 前端国际化相关推荐

  1. 又是一种用于JavaScript的前端国际化方案

    现在 Blessing Skin Server 的 HTML 模板是使用 Laravel 自带的本地化来实现多语言支持的,并且使用了 devitek/yaml-translation 这个包把 Lar ...

  2. 一个极端的前端国际化方法

    最近一直在做整个页面的国际化,相信很多小伙伴们都做过,前端主要采用的是Angularjs,后端使用的是Spring来做国际化,那么他们的优点,缺点现在一起来总结一下.其实无论用哪种语言做国际化,感觉都 ...

  3. web前端-国际化-自动翻译(免费)

    web前端-国际化-自动翻译 ant-desing-pro项目,上次完成了自动识别组件,根据组件属性生成Zh_cn国际化对照文件之后,又遇到一个问题, 怎么从中文自动翻译成其他语种? 最终实现: pa ...

  4. HTML静态页面国际化,如何优雅的实现前端国际化

    今天小编会使用boostrap框架搭建一个配有中英文切换功能的网页,还有就是使用nodejs搭建后台服务,从头实现一个完整的前端国际化开发项目,内容不算很复杂,很适合前端已入门的胖友们. 01 .前端 ...

  5. 「跨域」利用node.js实践前端各种跨域方式(上)

    前言 常言道,"读万卷书,不如行万里路".技术的学习也是如此,唯有实践才能更清楚的明白原理和加深印象,因此本文会利用node.js对前端的各种跨域方式进行实践,强烈建议一步一步跟着 ...

  6. 神策数据陈宁:前端国际化技术需求及模型实现

    本文根据神策数据资深前端研发工程师陈宁<前端国际化>的直播整理而成,主要包含以下内容: · 国际化概述 · 国际化技术需求 · 国际化技术模型 · 国际化技术模型实现 一.国际化概述 国际 ...

  7. 使用Decimal.js解决前端计算金钱失真问题

    使用Decimal.js解决前端计算金钱失真问题 参考文章: (1)使用Decimal.js解决前端计算金钱失真问题 (2)https://www.cnblogs.com/GGDong/p/10997 ...

  8. JS纯前端实现文件保存

    JS纯前端实现文件保存 <body><a href="" id="a">click here to download your file ...

  9. html+css+js适合前端小白的实战全解(超详细)——2048小游戏(三)

    续上一小节,我们回到newgame()这个函数,我们之前只做了init()内函数,相当于一个初始化操作 现在,我们需要再随机两个两个生成数字. 随机生成数字在这个游戏里会经常出现,用户移动一步,也会产 ...

最新文章

  1. android 流失布局,Android使用RecyclerView实现流式布局的注意事项
  2. cmder默认的命令提示符λ改成$
  3. 快速搭建基于 Serverless 的 .NET Core 数据库应用
  4. 【实施工程师之家】linux安装tomcat(yum安装tomcat)
  5. Vertex and Fragment Shader
  6. OJ1029: 三角形判定
  7. IBM推荐的Eclipse的阅读清单(备忘)
  8. 【天梯选拔月赛】参与者人数(并查集模版题!remember find_father写法!)
  9. 基于ROS的机械臂手眼标定-常见错误排查
  10. ACM题库(计蒜客A1001整除问题)
  11. 交通分配四阶段法(一)
  12. 两军对垒问题及个人的思考
  13. python循环代码优化技巧_记一次优化python循环代码逻辑的过程
  14. 联想拯救者y7000p加内存条_联想 拯救者Y7000P 怎么升级内存?
  15. 机器学习几种距离比较:欧拉距离(Euclidean Distance)、曼哈顿距离(Manhattan Distance)和明可夫斯基距离(Minkowski Distance)
  16. 104 货仓选址(绝对值不等式)
  17. vue-element-admin安装时报错
  18. ios 应用特殊节日页面整体变灰
  19. 中国700W程序员未来IT职业生涯规划发展道路,给大家一次性讲明白(大专、三本、二本、一本、985/211、研究生、女程序员、大龄程序员)
  20. SQL SERVER 存储大全以及常见实例

热门文章

  1. BEPUphysicsint碰撞事件详解
  2. 体检异常率99%,这届打工人的身体有多差?
  3. Golang获取目录下的文件及目录信息
  4. 如何使用 lpadmin 命令设置打印机
  5. 如何直观地理解傅立叶变换?频域和时域的理解
  6. 关于傅里叶变换:时移与频移解读之解读
  7. 嵌入式核心板应用于多参数监护仪解决方案
  8. 网易历届笔试题(5)
  9. 华三交换机ping大包命令_如何Ping大包命令_Ping大包命令格式详解-win10铺
  10. 【AJAX】AJAX 实例