在多語言網站上設置默認語言

Question

我正在創建一個網站，我想支持兩種語言，英語和法語。

到目前為止，我使用的是該問題的最佳解決方案： 在我的情況下，如何本地化一個簡單的HTML網站頁面？ 。

的HTML

  <div>
      <select onchange="select_language(this.options[this.selectedIndex].value)">
      <option value="en">EN</option>
      <option value="fr" selected>FR</option>
    </select>
    <h1 lang="fr"> Nous joindre </h1>
    <h1 lang="en"> Contact Us </h1>
    <p lang="fr"> Pour toutes questions, vous pouvez: </p>
    <p lang="en"> If you have any questions, you can :</p>
  </div>

JS

function select_language(language) {
    $("[lang]").each(function () {
        if ($(this).attr("lang") == language)
            $(this).show();
        else
            $(this).hide();
    });
}

小提琴： https : //jsfiddle.net/NBenitus/7ypmo7q1/1/ （在小提琴中，在選擇字段中選擇一種語言不會更改語言。但是這在我的網站上有效。）

我的問題是，當頁面首次加載時，默認情況下會顯示兩種語言的元素。

提前致謝！

Answer 1

您可以盡可能檢查當前的瀏覽器語言（通過window.navigator.language並在DOMContentLoaded相應設置）。 一個簡化的示例如下所示：

(function(window, $) {
    var lang = window.navigator.language;
    if (lang != 'en' || lang != 'fr') {
        lang = 'en'; // assuming en as default language
    }
    // now just set the language accordingly by e.g. setting the proper
    // meta tag or whatever
})(window, jQuery);