Javascript 使用localStorage保留样式表

我有两个按钮，我可以改变我的样式表，一旦我点击这些按钮。然而，一旦我刷新或当我转到我的网站上的下一页时，样式表会恢复到原来的样式表，而不会停留在用户设置的方式。我一直在搜索类似的示例，但只找到了使用cookie的示例，我想知道如何使用localStorage实现这一点。 先谢谢你

<script>
  function swapStyleSheet(sheet) {
    document.getElementById('pagestyle').setAttribute('href', sheet);
  }
</script>

<div class="change">
  <h6>Change Stylesheet</h6>
  <button onclick="swapStyleSheet('css/style2.css')">Dark</button>
  <button onclick="swapStyleSheet('css/style.css')">Light</button>
</div>

功能交换样式表（表）{
document.getElementById（'pagestyle'）.setAttribute（'href'，sheet）；
}
更改样式表
黑暗的
轻的

是。您可以使用以下选项：

localStorage.setItem('currentStyleSheet', 'css/style.css');
function swapStyleSheet(sheet) {
     document.getElementById('pagestyle').setAttribute('href', sheet);
     localStorage.setItem('currentStyleSheet', sheet);
}
window.onload = function() {
     document.getElementById('pagestyle').setAttribute('href', localStorage.getItem('currentStyleSheet'));
}

---

当然-你应该试着写那部分。谢谢你的回复。我已经用原始脚本替换了它，按钮仍然可以工作，但是当我重新加载页面时，样式没有保留。。。