如何让我的网站记住哪个 CTA 被按下重定向

Question

我正在尝试制作一个同时使用西班牙语和英语的页面，所以我想做的是创建一个主页，用户必须在其中选择语言，一旦他选择了，我希望页面记住哪种语言被选中，所以它不会再次打开主页，而是打开之前选择的语言。

最好的方法是什么？

编辑——我尝试了 localStorage 的建议，但我被卡住了，从未使用过 JavaScript，所以我应该看到这一点。我可以用“locale”“es”或“en”写，但我根本无法重定向。 这是代码：

<script>
    (function (){
  'use strict';

  var eng = document.querySelector('.eng')

  function setLocalStorage(){
     eng.addEventListener('click', () => {
      localStorage.setItem('locale','en')
    })
  }
  setLocalStorage()

}());
        (function (){
  'use strict';

  var esp = document.querySelector('.esp')

  function setLocalStorage(){
     esp.addEventListener('click', () => {
      localStorage.setItem('locale','es')
    })
  }
  setLocalStorage()

}());
        if (localStorage.getItem('en') === 'en') { window.location='eng.html'; }
        if (localStorage.getItem('es') === 'es') { window.location='esp.html'; }
    </script>

Answer 1

您可以使用本地存储。见：mdn localStorage

localStorage.setItem('locale', 'en'); // or es

重新加载页面后可以取回值：

localStorage.getItem('locale'); // --> en

（注意：一开始你的 getItem 会返回 undefined。）

你可以把你的代码改成这样：

(function () {
  'use strict';

  const locale = localStorage.getItem('locale');

  if (locale === 'en') {
    window.location = 'eng.html';

  } else if (locale === 'es') {
    window.location = 'esp.html';

  } else {
    // first visit:

    document
      .querySelector('.eng')
      .addEventListener('click', () => {
        localStorage.setItem('locale', 'en')
      });

    document
      .querySelector('.esp')
      .addEventListener('click', () => {
        localStorage.setItem('locale', 'es')
      });    
  }

}());