Google 翻译之 Javascript版本

最新推荐文章于 2024-02-01 10:26:10 发布

最新推荐文章于 2024-02-01 10:26:10 发布 · 331 阅读

文章标签：

#Google #JavaScript #HTML #ViewUI

本文介绍了一种利用Google的JavaScript API实现网页内容自动翻译的方法。通过简单的HTML和JavaScript代码，可以创建一个能够自动检测并翻译页面文本的功能，支持多种语言之间的相互转换。示例中演示了从中文到英文的翻译过程。

<html>

<head>

<scripttype="text/javascript"src="http://www.google.com/jsapi"></script>

<scripttype="text/javascript">
google.load("language","1");//1是版本号
functiontrans(){

varpair=document.getElementById("langpair").value.split("|");

vartext=document.getElementById("text").value;
google.language.detect(text,function(result){
if(!result.error&&result.language){
google.language.translate(text,result.language,pair[1],
function(result){

vartranslated=document.getElementById("show");
if(result.translation){

translated.innerHTML=result.translation;
}
});
}
});
}

</script>

</head>

<body>

<selectname=langpair><optionvalue="en|zh-CN">英语到中文</option><optionvalue="zh|en"selected>中文到英语</option></select>

<inputtype="text"id="text"value="你好"><inputtype="button"onClick="trans()"value="翻译">

</input>

<divid="show"></div>

</body>

</html>