用于网站本地化的Web存储

我正在尝试创建一个网站,在首次访问时显示所选语言页面.在单击语言名称时,语言名称字符串(例如,法语)将存储在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存储中,但我无法在我的存储中复制它.