Question

我需要根据访问者的浏览器语言更改网页中的文字。

这是我正在研究的草案......但与文本更改有关的功能当然是错误的。我输入它只是为了向您展示我需要开发的想法。

<script>
var language = navigator.language || navigator.userLanguage;
var english = language.indexOf('en') !== -1;
var french = language.indexOf('fr') !== -1;
var german = language.indexOf('de') !== -1;
</script>

<script>
function JS_TEXT() {
if (english || french || german)
{ display.text (
(english && 'Register') ||
(french && 'Enregistrer') ||
(german && 'Enschrieben') ); }
</script>

<body>
<h5 style="display:inline; font-size:2.5em" onclick="Registration()" onMouseOut="this.style.color='black'" onMouseOver="this.style.cursor='pointer'; this.style.color='#c00555'" style="color:black">&raquo;&raquo;&raquo; [JS_TEXT] &laquo;&laquo;&laquo;</a></h5>
</body>

Answer 1

这样做：

＆＃13;

var language = window.navigator.userLanguage || window.navigator.language;

switch(language) {
  case 'en-US': {
    document.getElementById('h5').innerHTML = "&raquo;&raquo;&raquo; Register &laquo;&laquo;&laquo;";
    break;
  }
  
  case 'en-FR': {
    document.getElementById('h5').innerHTML = "&raquo;&raquo;&raquo; Enregistrer &laquo;&laquo;&laquo;";
    break;
  }
  
  case 'en-DE': {
    document.getElementById('h5').innerHTML = "&raquo;&raquo;&raquo; Enschrieben &laquo;&laquo;&laquo;";
    break;
  }
  
  default: {
    document.getElementById('h5').innerHTML = "&raquo;&raquo;&raquo; Register &laquo;&laquo;&laquo;";
    break;
  }
}

＆＃13;

<body>
<h5 style="display:inline; font-size:2.5em" onclick="Registration()" onMouseOut="this.style.color='black'" onMouseOver="this.style.cursor='pointer'; this.style.color='#c00555'" style="color:black" id="h5"></h5>
</body>

＆＃13;

如何通过javascript根据特定条件更改页面文本？

1 个答案: