javascript - 为什么我的样式表交换按钮不能保持刷新？

Question

我是一名初学者，试图建立一个具有多种样式的网站，供用户选择。我让样式表交换按钮在按钮位置的页面上工作，但只要我退出该页面或刷新，它就会重置为默认的“style.css”。有没有办法解决这个问题，或者有更好的方法来创建我应该使用的可交换主题？我在下面包含了我的代码。

HTML

<link id='style' rel="stylesheet" href="style.css"/>

<button onclick="swapStyleSheet('styleOD.css')">
        <h4 id="fontChangeButton">Change to "Open Dyslexic" Font</h4>
      </button>
      <button onclick="swapStyleSheet('style.css')">
        <h4 id="fontChangeButton">Change to Default Font</h4>
      </button>

JavaScript

function swapStyleSheet(sheet) {
            document.getElementById('style').setAttribute('href',sheet);
        }

标签： javascripthtml