如何在html中处理多个css文件

Question

对于大学代表队项目，我需要设计一个只有html，css和javascript的个人网站。其中一项任务是，它会有一个按钮，点击该按钮每次都会改变整个网站的设计。我成功地设计了一个按钮和3个不同的CSS文件的网站。每当我点击按钮时，它就会根据我的需要从style1.css更改为style2.css到style3.css。我在每个页面上的默认css是style1.css

<link id="change" rel="stylesheet" type="text/css" href="css/style1.css">

因此，每当我点击其他一些菜单按钮时，它就会转到它的默认设计style1.css.But我需要留在那个特定的设计（特定的css文件），即使我刷新任何页面。

更改设计的菜单按钮：

<li><a id="btn" onClick="swap()" href="#">Style 1</a></li>

我用来在css文件之间更改的javascript代码。

var flag=0;
function swap(){
    if(flag==0){
        document.getElementById('btn').innerHTML=" Style 2";
        document.getElementById('change').setAttribute('href', 'css/style2.css');
        flag=1;
    }
    else if(flag==1)
    {
        document.getElementById('btn').innerHTML=" Style 3";
        document.getElementById('change').setAttribute('href', 'css/style3.css');
        flag=2;
    }
    else
    {
        document.getElementById('btn').innerHTML=" Style 1";
        document.getElementById('change').setAttribute('href', 'css/style1.css');
        flag=0;
    }
}

如果您有任何疑问，请询问。请记住，我只能使用HTML，CSS和Javascript。提前谢谢。