在静态站点中跨网页保存样式表的头脑风暴方法

时间:2014-04-07 00:56:03

标签: javascript jquery html css cookies

我有一个静态网站,我实现了一个简单的样式表交换脚本,以便在白色和黑色之间更改页面的颜色。

<div class="container">
<script type="text/javascript">
    var i=1;
    function styleSheet(){
        if(i%2==0){
            swapper('css/main.css');            
        }
        else{
            swapper('css/stylesheetalternate.css');             
        }
        i++;
    }
</script>
<br>
<button onclick="styleSheet()">Click me</button>
<script>
    function swapper(select_sheet){
        document.getElementById('swapper').setAttribute('href', select_sheet);
    }
</script>

如果用户将网页从默认的css(白色)切换为黑色主题,当他们转到不同的页面时,网页将加载默认的css而不是保留他们选择的替代css主题上一页。是否有任何可能的方法允许选择特定样式表的用户将该样式表保留在我网站的所有其他页面中?

我有一个静态网站,因此我不确定是否有任何方法可以通过html / css / javascript / jquery执行此操作。

0 个答案:

没有答案