Cómo lograr el cambio bilingüe de páginas html
Propósito: Front-end (solo usando plantilla thymeleaf + jquery) para lograr la internacionalización
Motivo: El front-end no utiliza el popular vue.js angular y otros marcos, html puro ¿No puedes hacer referencia a definiciones en js Constants?
Adoptar la asignación jquery (mantener 2 plantillas de interfaz (chino, inglés)) directamente
Plan: usar /coderifous/jquery-localize/?a localización plug-in?
un complemento de jQuery que facilita la internacionalización de su sitio web
Pasos:?
1 html
< html?lang="es">
}
función?SetCookie(nombre,?valor)?{ var?Días?=?30;?//Esta?cookie?se guardará durante?30?días var?exp?=?new?Date() ;?//new ?Date("Diciembre?31,?9998"); exp.setTime(exp.getTime()?+?Días?*?24?*?60?*?60?*?1000); .cookie?=? nombre?+?"="?+?escape(valor)?+?";expires="?+?exp.toGMTString();
}
function?getCookie( name){?//Obtener la función de cookies var?arr?=?document.cookie.match(new?RegExp("(^|?)"?+?name?+?"=([^ ;]*)(; |$)")); if?(arr?!=?null)?return?unescape(arr[2]); return?null
}
$(función( )?{ var?uulanguage?=?(navigator.language?||?navigator.browserLanguage).toLowerCase(); console.log("¿viene?en?readly"?+?uulanguage); si ?(uulanguage.indexOf( "es")?>?-1)?{
$("[data-localize]").localize("texto",?{?//**Principal code**?jquery .localize.js?La lógica de conmutación de implementación subyacente pathPrefix:?"lang", language:?"en"
}); }?else?if ?(uulanguage.indexOf("ja")?>?-1)?{
$("[data-localize]").localize("texto",?{ pathPrefix:?"lang" , idioma:?"ja"
}); console.log("come?in?ja" }?else?{
$( "[localización de datos] ").localize("texto",?{ pathPrefix:?"lang",
language:?"es"
});
console.log("come?in?moren?es" };
//Según al idioma de selección de cookies if?(getCookie(name)?==?"")?{
if?(getCookie(name)?==?"ja")?{ $("[data- localizar ]").localize("text",?{
pathPrefix:?"lang",
idioma:?"ja" }); console.log("come? en ?cookie?ja");
}
if?(getCookie(nombre)?==?"en")?{ $("[data-localize]") . localizar("texto",?{
pathPrefix:?"lang",
idioma:?"en" }); es ");
} }
});