javascript - 记住模态窗口选择的 Cookie

Question

我有一个用 javascript 制作的模式弹出窗口，您可以在其中选择网站的语言，英语或法语。当您单击英语时，它将加载英语 HTML 页面，而单击法语时，它将仅删除模式弹出窗口。如何创建一个 cookie 来记住用户的选择，以便在 cookie 过期之前隐藏模式？我遇到过 jQuery-cookie，但我不知道如何将它与我在 Javascript 中创建的 onclick 函数结合起来。有什么建议吗？

Javascript

function langMessage() { 

   this.messageBox = null;

   this.popOut = function(messageText, en_lang, fr_lang) {

   var english = document.createElement("div");
   english.className = "english";
   english.innerHTML = en_lang;
   this.messageBox.appendChild(english);

   english.onclick = function() {
      window.location.href = "test-en.html";
   }

   var french = document.createElement("div");
   french.className = "french";
   french.innerHTML = fr_lang;
   this.messageBox.appendChild(french);

   french.onclick = function() {
      this.parentNode.Code.remove();
   }
}

HTML

<div class="modal">
    <script type="text/javascript">
        var message = new langMessage();
        message.popOut("Please choose your preferred language", "English", "French");
    </script>
</div>

Answer 1

在您对此过于热衷之前，请先阅读 HTTP 请求的“accept-language”属性。本质上，您可以从请求中选择用户喜欢的语言，作为起点。

这并不是应该使用哪种语言的绝对指南，但它是一个很好的起点。