Javascript 通过本地存储更改用户首选项样式表

我的设置页面的标题

<script type="text/javascript">
  function changeStyle(title) {
    var lnks = document.getElementsByTagName('link');
    localstorage.css="lnks";
    for (var i = lnks.length - 1; i >= 0; i--) {
      if (lnks[i].getAttribute('rel').indexOf('style') > -1 
          && lnks[i].getAttribute('title')) {
        lnks[i].disabled = true;
        if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
      } /* if */
    } /* for */
  } /* function */ 
</script>

<button onclick="changeStyle('girly')">Girly</button>
<button onclick="changeStyle('default')">Default</button>
<button onclick="changeStyle('neutral')">Neutral</button>

功能更改样式（标题）{
var lnks=document.getElementsByTagName（'link'）；
localstorage.css=“lnks”；
对于（变量i=lnks.length-1；i>=0；i--）{
if（lnks[i].getAttribute（'rel'）.indexOf（'style'）>-1
&&lnks[i].getAttribute（'title'））{
lnks[i]。禁用=真；
if（lnks[i].getAttribute（'title'）==title）lnks[i].disabled=false；
}/*如果*/
}/*用于*/
}/*函数*/

传递给同一页面上函数的参数

<script type="text/javascript">
  function changeStyle(title) {
    var lnks = document.getElementsByTagName('link');
    localstorage.css="lnks";
    for (var i = lnks.length - 1; i >= 0; i--) {
      if (lnks[i].getAttribute('rel').indexOf('style') > -1 
          && lnks[i].getAttribute('title')) {
        lnks[i].disabled = true;
        if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
      } /* if */
    } /* for */
  } /* function */ 
</script>

<button onclick="changeStyle('girly')">Girly</button>
<button onclick="changeStyle('default')">Default</button>
<button onclick="changeStyle('neutral')">Neutral</button>

Girly
违约
中立的

在我的索引页面上，我试图调用通过本地存储选择的样式表，但我无法使其工作，有人可能会指出原因吗

索引页面代码（放在标题中）

{
document.onload=localstorage.getitem（'css'）；
}

请不要大声喊叫。另外，你刚才不是问了这个问题吗？对于初学者来说，似乎你没有正确设置localStorage（另外它需要是camelCase）

localStorage.css=“lnks”

应该是

localStorage.setItem（key，val）

我按照库齐的建议修改了代码-它仍然不起作用。这可能与javascript实现了更改，但没有将当前更改存储在任何地方有关吗？