我在我的网站上添加了谷歌翻译,这是一个很好的工作,但在我的网络上我使用了警报消息,所以谷歌翻译不是翻译警报消息文本
见下面的演示
<!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-获取文本并翻译中给出