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

时间:2013-03-13 20:40:45

标签: javascript css html5

设置页面的负责人

<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>

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

索引页码(放在头部)

<script>
  {
  document.onload = localstorage.getitem('css');
  }
</script>

0 个答案:

没有答案