javascript 前端 angular.js 开发语言 ecmascript JS实现翻译的多种方案

JS实现翻译的多种方案

1、language.js 库

https://languages.js.org/docs/

适应于 React Angular 和 Vue2 (需要时再学)

import Languages from 'languages-js'

2、网上另一个微软JS库

$(function(){

var script=document.createElement("script");

script.type="text/javascript";

script.src="js/translate.js";

document.getElementsByTagName('head')[0].appendChild(script);

var value = sessionStorage.getItem("language");

document.onreadystatechange = function () {

if (document.readyState == 'complete') {

if(value==="1"){

Microsoft.Translator.Widget.Translate('zh-CHS', 'en', onProgress, onError, onComplete, onRestoreOriginal, 2000);

}

function onProgress(value) {

}

function onError(error) {

}

function onComplete() {

$("#WidgetFloaterPanels").hide();

}

function onRestoreOriginal() {

}

});

function translate(){

var value = sessionStorage.getItem("language");

if(value==="1"){

sessionStorage.setItem("language", "0");

}else{

sessionStorage.setItem("language", "1");

}

window.location.reload();

}

测试界面

金钥匙