gpt4 book ai didi

javascript - 如何使用 JavaScript 在我的网站中添加带有自定义标记的语言翻译器?

转载 作者:行者123 更新时间:2023-12-01 00:28:30 26 4
gpt4 key购买 nike

我正在使用 php 和 javascript。我想在我的网站中添加带有国旗的自定义语言选择器。我从 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' }, '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>

在所有语言中,我只对三种语言感兴趣(塔吉克语、俄语、英语)。我这样放置这个语言标志;

<div class="flag">
<a href="#" class="eng" data-lang="eng"><img class="img-fluid" src="./img/flag-eng.png" alt=""></a>
<a href="#" class="taj" data-lang="es"><img class="img-fluid" src="./img/flag-taj.png" alt=""></a>
<a href="#" class="rus" data-lang="rs"><img class="img-fluid" src="./img/flag-rus.png" alt=""></a>
</div>

但我不知道如何更改标记中选定的语言。有什么帮助吗?

最佳答案

您可以在 Google 翻译功能中添加includedLanguages: "en,es",以仅启用特定语言。

示例:

function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en',includedLanguages: "en,es" }, 'google_translate_element');
}

includedLanguages - 使用所需的语言进行更新。

关于javascript - 如何使用 JavaScript 在我的网站中添加带有自定义标记的语言翻译器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58795636/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com