用于网站本地化的Web存储

Question

我正在尝试创建一个网站,在首次访问时显示所选语言页面.在单击语言名称时,语言名称字符串(例如,法语)将存储在Web /本地存储中.当用户下次访问网站时,将检查语言字符串并显示特定的语言页面.我已经写了十二个函数来存储语言字符串,点击每种语言的锚标签.像这样:

function english()
{
if(typeof(Storage)!=="undefined")
  {
  localStorage.clear();
  localStorage.language="English";
 window.location.reload();
  }
}

function french()
{
if(typeof(Storage)!=="undefined")
  {
  localStorage.clear();
  localStorage.language="French";
  window.location.href = "french.html";
  }
}

这种方法真的很有效吗？我认为为多种语言创建多个页面有利于SEO,而不是动态更改文本字符串.在我查看Chrome开发人员控制台时,此处会存储字符串的值.但是当我关闭选项卡或浏览器窗口时,存储的值就消失了,下次它就不能记住语言了.

我正在使用此代码检查语言(我必须使用12种语言):

window.onload = function() {
if (localStorage.language="Language")
  {
   window.location.href = "language.html";
  }
else if (localStorage.language="English")
  {
   window.location.href = "eng.html";
  }
else if (localStorage.language="French")
  {
  window.location.href = "french.html";
  }
else if (localStorage.language="Spanish")
  {
  window.location.href = "spanish.html";
  }

在检查第一个'if'条件后,代码有点停止,true或false它只是在那里停止,并且不检查超出该条件的'else if'条件.

有人可以帮帮我吗？即使在浏览器关闭后,示例代码似乎也将值存储在Web存储中,但我无法在我的存储中复制它.

Answer 1

您遇到的问题是使用=而不是===进行比较(如wonko79所述).至于如何改进你所做的代码 - 这里有很多问题,最重要的是重复检查要检查的内容和应用的信息,因为它会使维护变得困难.我为您的问题整理了一个解决方案,使用一个对象来存储有关语言的所有信息,并创建接口以从同一数据集中选择语言:

var locales = {
    'us': {label: 'English',location:'english.html'},
    'de': {label: 'German',location: 'german.html'},
    'fr': {label: 'Français',location: 'french.html'},
    'nl': {label: 'Nederlands',location: 'dutch.html'}       
};

http://jsfiddle.net/codepo8/KzNUM/

我还写了一篇更长篇博客文章,详细介绍了http://christianheilmann.com/2014/01/08/this-developer-wanted-to-create-a-language-selector-and-asked-for-help-on- Twitter的你,不会,相信乜发生,下一首/