jquery结合html实现中英文页面切换_Jquery_ThinkSAAS
jquery结合html实现中英文页面切换
jquery结合html实现中英文页面切换
内容来源： 网络
目的：前端（只采用thymeleaf模板+jquery） 实现国际化
由：前端没有采用流行的vue.js angular 等框架，纯html不可以引用js中定义的常量 
采用jquery赋值（维护2个模板（中，英）界面） 直接out
方案：采用/coderifous/jquery-localize/ 一个本地化插件 
a jQuery plugin that makes it easy to internationalize your web site
步骤： 
1 html
&!DOCTYPE&
&html lang="en"&
&head&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&Language&/title&
&!-- 引用三个js文件 language_cookie.js实现记忆功能 下一次用户刷新界面之后 记得之前用户使用了那个语种 --&
&script src="jquery.js" type="text/javascript" charset="utf-8"&&/script&
&script src="jquery.localize.js" type="text/javascript" charset="utf-8"&&/script&
&script src="language_cookie.js" type="text/javascript" charset="utf-8"&&/script&
&/head&
&body&
&div class="top_lan"& 
&select id="ddlSomoveLanguage" onchange="chgLang();"&
&option value=""&LAGUAGE&/option&
&option value="ja"&日本&/option&
&option value="en"&ENGLISH&/option&
&/select&
&/div&
&div id="prod_navright"&
&ul& &!-- data-localize="hpt.management" 固定写法 对应语言包文件中的key --&
&li&&a data-localize="hpt.management" href="hospitality_management_ja.html" &MANAGEMENT&/a&&/li&
&li&&a data-localize="hpt.support" href="hospitality_support_ja.html"&SUPPORT&/a&&/li&
&li&&a data-localize="hpt.tutorial" href="hospitality_tutorial_ja.html"&TUTORIAL&/a&&/li&
&li&&a data-localize="hpt.features" href="hospitality_features_ja.html"&FEATURES&/a&&/li&
&/ul&
&/div&
&/body&
&/html&
2 语言包文件
text-en.json
"hpt":{ 
"features": "FEATURES",
"tutorial": "TUTORIAL",
"support": "SUPPORT",
"management": "MANAGEMENT"
text-ja.json 
·······
3 language_cookie.js 需要在服务器上执行 本机执行无法获取需要的json文件 主要的代码 标记处的代码底层可能使用的是xmlHttpRequest实现获取.json语言包文件
var name = "somoveLanguage";
function chgLang() {
var value = $("#ddlSomoveLanguage").children(&option:selected&).val();
SetCookie(name, value);
console.log("come in chgLang" + name + value);
location.reload();
function SetCookie(name, value) {
var Days = 30; //此 cookie 将被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
function getCookie(name){ //取cookies函数
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) return unescape(arr[2]);
return null
$(function() {
var uulanguage = (navigator.language || navigator.browserLanguage).toLowerCase();
console.log("come in readly" + uulanguage);
if (uulanguage.indexOf("en") & -1) {
$("[data-localize]").localize("text", {
//**主要的代码** jquery.localize.js 底层实现切换逻辑
pathPrefix: "lang",
language: "en"
console.log("come in en");
} else if (uulanguage.indexOf("ja") & -1) {
$("[data-localize]").localize("text", {
pathPrefix: "lang",
language: "ja"
console.log("come in ja");
} else {
$("[data-localize]").localize("text", {
pathPrefix: "lang",
language: "en"
console.log("come in moren en");
//根据cookie选择语言
if (getCookie(name) != "") {
if (getCookie(name) == "ja") {
$("[data-localize]").localize("text", {
pathPrefix: "lang",
language: "ja"
console.log("come in cookie ja");
if (getCookie(name) == "en") {
$("[data-localize]").localize("text", {
pathPrefix: "lang",
language: "en"
console.log("come in cookie en");
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信下次自动登录
现在的位置:
& 综合 & 正文
在英文版的Office 2007中实现 中文 繁体和简体的相互转换
默认安装的英文版Office 2007 standard (也就是仅包括word, excel, powerpoint, outlook简装版)
转换简体和繁体中文的时候:
在word 2007的菜单里: Review& "Chinese translation" ribbon
选择转换 "简Simplified", "繁Traditional", 都会出现:
类似more than one file necessary to do TC/SC translation is missing
好在同时买的Office 2007 standard的中文版和英文版
以管理员用户运行 中文版的安装, 选择修复, 同时安装 "english" 和 " 简体中文" 两个选项
配置和安装完毕, 会发现问题已经解决.
网络上发现的解决方法都是另外购买什么东西的: 我这个等于同时买两套office 2007的不同语言版本, 安装英文版, 用中文版修复.
Patrick Chan
August 05th, 2008 - 03:10 am ET |
Hi, I had the same problem before. But it has been solved after installing MS
Language Pack (Traditional Chinese, I bought it on-line).
&&&&推荐文章:
【上篇】【下篇】网页的简体繁体和英文切换是怎么实现的？ -php教程-PHP中文网QQ群微信公众号网页的简体繁体和英文切换是怎么实现的？ 网页的简体繁体和英文切换是怎么实现的？ 参考： 或者 繁体字转简体字工具：语言包。每一段固定文字都是一个单元。每个语言包里有所有单元对应该语言的翻译，再根据对应语言读取语言包渲染就行。以上就是网页的简体繁体和英文切换是怎么实现的？ 的内容，更多相关内容请关注PHP中文网（）！0点赞收藏分享：&猜你喜欢12345678910
：独家原创，永久免费的PHP教程，PHP技术学习阵地！Copyright
All Rights Reserved | 皖B2-QQ群:关注微信公众号