Javascript 如何更改所有站点的语言并保持更改后的语言？

我找到了改变语言的方法：

<h2 class="fr_lang">Français</h2>
<h2 class="en_lang">English</h2>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

这项工作发现，但我的项目包括许多不同的网站。 如何为所有现场/钻孔项目保留更改的语言

是否也可以更改按钮文本？或者我应该给按钮一个语言类，然后用另一个语言类创建一个新按钮

---

谢谢：）

如果您的所有站点都运行在同一个域上，您可以使用localStorage存储最后使用的语言。

---

否则，您将需要一个像服务器一样的“中介”来存储数据。

您的项目是否都在同一个域上运行？是的，只有项目在另一个域上：）好的，谢谢，我将尝试获取有关此工作原理的更多信息。：）

#lang-switch img {
  width: 32px;
  height: 32px;
  opacity: 0.5;
  transition: all .5s;
  margin: auto 3px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#lang-switch img:hover {
  cursor: pointer;
  opacity: 1;
}

.fr_lang,
.en_lang {
  display: none;
  transition: display .5s;
}

/* Language */
.active-lang {
  display: flex !important;
  transition: display .5s;
}

.active-flag {
  transition: all .5s;
  opacity: 1 !important;
}

$(document).ready(function(){

  // By default
  $('.en_lang').addClass("active-lang");
  $('#lang-switch .en').addClass("active-flag");

  // Function switch
  $(function() {
    // French button
    $("#lang-switch .fr").click(function() {
      // Enable French
      $('.fr_lang').addClass("active-lang"); 

      // Disable English
      $('.en_lang').removeClass("active-lang") 

      // Active or remove the opacity on the flags.
      $('#lang-switch .fr').addClass("active-flag");
      $('#lang-switch .en').removeClass("active-flag");
    });

    // English button
    $("#lang-switch .en").click(function() {

      // Enable English
      $('.en_lang').addClass("active-lang");

      // Disable French
      $('.fr_lang').removeClass("active-lang")

      // Active or remove the opacity on the flags.
      $('#lang-switch .en').addClass("active-flag");
      $('#lang-switch .fr').removeClass("active-flag");
    });
  });
});