谷歌翻译完美翻译我的网站，但在警报消息框网页中不显示翻译的语言答案

【问题标题】：Google Translate Translate my website perfectly but Not Show Translated Language In Alert Message box web谷歌翻译完美翻译我的网站，但在警报消息框网页中不显示翻译的语言
【发布时间】：2021-05-06 11:06:09
【问题描述】：

我已经在我的网站中添加了谷歌翻译，它可以正常工作，但在我的网站中我使用了警报消息，所以谷歌翻译器不会翻译警报消息文本

见下面的演示

<!DOCTYPE html>
<html lang="en-fr" xml:lang="en-fr" xmlns= "http://www.w3.org/1999/xhtml">
<meta charset="UTF-8">
<meta name="google" content="notranslate">
<meta http-equiv="Content-Language" content="en-fr">
<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-fr'}, 'google_translate_element');
}
function showMessage(){
alert('show translated language');
}
</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>
<button onclick="showMessage()">Show</button>
</body>
</html>

请帮我解决这个问题

如果需要更多说明或细节，请在此处评论

【问题讨论】：

标签： javascript html google-translate

【解决方案1】：

一种方法是这样

有一个<span> 标记，显示为none，并在其中放入“显示翻译的语言”。然后在您的函数showMessage() 中获取该跨度的内部HTML。它看起来像这样：

HTML

<span id='text' style="display: none;">show translated language</span>

function showMessage() {
  alert(text.innerHTML)
}

回想起来，我只是想将此链接添加给遇到相同问题的任何人。虽然我的方法行得通，但它有点肮脏，不应该经常这样做。解决这个问题的“最干净”的方法是导入一个像translate.js这样的js插件。这个插件的实现和示例在这篇帖子JavaScript/jQuery - Get text and translate it

中给出

【讨论】：

非常感谢，这是一个非常好的主意，你能帮帮我吗，因为目前我有一个大型网站已经上线，所以这是对我的网站的非常大的改变，所以有任何想法怎样才能让它动态化
“动态”是什么意思。您的意思是因为您当前的网站很大，因此手动更改真的很难吗？
是的，当前网站我们使用了太多的警告框（大约 1000+），所以手动更改它是非常不同的
感谢您的回答谢谢，如果找到任何解决方案，请在此处发表评论