如何翻译提醒框文本,谷歌翻译翻译我的网站完美,但不显示翻译的语言在提醒消息框网站



我在我的网站上添加了谷歌翻译,这是一个很好的工作,但在我的网络上我使用了警报消息,所以谷歌翻译不是翻译警报消息文本

见下面的演示

<!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>

请帮我这个该怎么办

如果需要更多的澄清或细节,请在这里评论

一种方法是使用

有一个显示为none的<span>标签,并在里面放上"显示翻译的语言"。然后在函数showMessage()中获取该跨度的innerHTML。它看起来是这样的:

HTML

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

JS-

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

回顾过去,我只是想把这个链接添加到任何遇到同样问题的人身上。虽然我的方法会起作用,但这有点肮脏,不应该经常做。解决这个问题的"最干净"的方法是导入像translate.js这样的js插件。这个插件的实现和示例在JavaScript/jQuery-获取文本并翻译中给出

最新更新