时间戳

首页 > 解决方案 > 如何用 JS 翻译页面？

javascript - 如何用 JS 翻译页面？

问题描述

我是 JavaScript 的新手，我想知道当我单击链接时，我可以使用 JS 上的哪个对象来翻译（在语言上）某些已识别的项目。例如，当我单击显示以下内容的链接时：

翻译成德语

所有页面都将翻译成德语。

我知道我可以使用 getElementByID，但我真的不知道具体如何。

标签： javascripthtmlcss

解决方案

您可以使用谷歌翻译。这是一个示例（取自 W3Schools）：

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My Web Page</h1>

<p>Hello everybody!</p>

<p>Translate this page:</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'de,en' // remove this line if you want to include all languages
  },'google_translate_element');
}
</script>

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

<p>You can translate the content of this page by selecting a language in the select box.</p>

</body>
</html>

在这里看到它

推荐阅读