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”属性。基本上，您可以从请求中选择用户喜欢的语言作为起点。

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

Cookie记住模态窗口的选择

1 个答案: