记录 google 在线翻译api

最新推荐文章于 2025-05-31 13:43:08 发布

最新推荐文章于 2025-05-31 13:43:08 发布 · 175 阅读

文章标签：

#xhtml #javascript #ViewUI

本文介绍了如何利用Google API在网页上实现从一种语言到另一种语言的翻译功能，并提供了具体的JavaScript代码实例。通过简单的HTML页面和JavaScript脚本，演示了中文到英文及英文到中文的翻译过程。

//先是要引用的脚本

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

//具体的js方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
function initialize(word,resultID)
{
google.language.detect(word, function(result)
{
if (!result.error && result.language)
{
google.language.translate(word, result.language, "en",function(result) {
var translated = document.getElementById(resultID);
if (result.translation) {
translated.innerHTML = result.translation;
}
});
}
});
}
function fanyi()
{
var text = document.getElementById("word").value;
initialize(text,'translation');
}
</script>
</head>
<body>
<input id="word" type="text" value="你好" />
<input type="button" onclick="fanyi()" value="翻译" />
<div id="translation"></div>
</body>
</html>