Question

我正在创建一个javascript，以便在一天中的某些时间更改网页的布局。我也设置好了，如果手动更改了样式，它将改变每页的样式。

当点击其中一个按钮手动更改它然后转到另一个页面时，样式完全丢失。有人可以帮忙吗？

这是我的代码

// JavaScript Document
var mode = 0;

function webload() {
    if(mode == 0)
    {
        var d = new Date();
        var n = d.getHours();
        if (7 <= n && n < 18)
        {
            day();
        }
        else
        {
            night();
        }
    }
    elif(mode == 1)
    {
        day();
    }
    elif(mode == 2)
    {
        night();
    }
    elif(mode == 3)
    {
        highcon()
    }
}
function day() {
   document.body.style.background = 'url(images/day_bg_top.png) top scroll no-repeat, url(images/day_bg_bot.png) bottom scroll repeat-x, #53a3ff';
   document.getElementById('spacer').style.background = '#53a3ff';
   document.getElementById('spacer2').style.background = '#53a3ff';
   mode = 1
}
function night() {
   document.body.style.background = 'url(images/night_bg_top.png) top scroll no-repeat, url(images/night_bg_bot.png) bottom scroll repeat-x, #000c36';
   document.getElementById('spacer').style.background = '#000c36';
   document.getElementById('spacer2').style.background = '#000c36';
   mode = 2
}
function highcon() {
    document.body.style.background = 'url(images/night_bg_top.png) top scroll no-repeat, url(images/night_bg_bot.png) bottom scroll repeat-x, #000c36';
    document.getElementById('spacer').style.background = '#000c36';
    document.getElementById('spacer2').style.background = '#000c36';
    mode = 3
}

Answer 1

下一页如何知道使用哪种风格？除了在当前页面上进行更改之外，您还需要将用户的选择保存到某些存储（例如cookie）中。然后，下一页必须从存储（cookie）中读取该选项并自动执行更改操作。

基于时间的风格转换器

1 个答案: