蓝派网(www.lan27.com)-精选网络资源,分享和交流! 文章首页站内搜索在线手册广告代码酷站欣赏万年历
您现在的位置: 蓝派网 >> 文章中心 >> 网页制作 >> JavaScript >> 正文

利用Google提供的翻译接口做一个自己的翻译网页

作者:佚名    文章来源:网络    更新时间:2012-1-10 17:32:48

利用Google提供的翻译接口,你也可以做出自己的翻译网页了。呵呵,看代码吧:
<html>
<head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">

    google.load("language", "1");

function translate {
 var text = document.getElementById("test").value;
 google.language.detect(text, function(result) {
   if (!result.error && result.language) {
google.language.translate(text, result.language, "en",
 function(result) {
  var translated = document.getElementById("translation");
  if (result.translation) {
    translated.innerHTML = result.translation;
  }
});
   }
 });
    }
//    google.setOnLoadCallback(initialize);

</script>
</head>
<body&gt;
    <div id="text">
    <div style="float:left">
    <input type="text" id="test" /></div>
    <div style="float:left">
    <button id="btn" onclick="translate">翻译</button>
    </div&gt;
    </div&gt;

    <div id="translation"></div>
</body&gt;
</html>

这是最终运行效果图

利用Google提供的翻译接口做一个自己的翻译网页(图一)

 


发表评论】【打印此文】【关闭窗口】【点击数:
★好玩的休闲小游戏★