1

我的网站有 5 页。我想允许用户通过单击超链接来更改外观。我还希望将更改后的样式存储在 cookie 中。因此，当我从主页更改样式表时，其余 4 页也将更改。问题是当我从第五页更改样式表时，只有第五页上的样式表发生了变化，当我导航到这些页面时，其余的都没有更改。同样，我更改了第四页的样式表，只有这个特定页面的样式表发生了变化。

下面是javascript代码：

var styleNo = parseInt(document.cookie.charAt(6));
var styleFile;
if( isNaN(styleNo) ) // style not selected by user initially, usually not a number at char 6
    styleFile = "/nmc/css/style" + 0 + ".css";
else {
    styleFile = "/nmc/css/style" + styleNo + ".css";
}

document.writeln('<link rel="stylesheet" type="text/css" href="' + styleFile + '">');

function changeStyle( styleNo ){
    var CookieDate = new Date;
    CookieDate.setFullYear(CookieDate.getFullYear( ) +10);
    document.cookie = "style=" + styleNo + "; expires=" + CookieDate.toGMTString() + ";";
    window.location.reload();
}

以下是单击超链接时的编码

<div id="styleSelection">
    <a href="#" onclick="changeStyle(0)">Style 1</a>
    <a href="#" onclick="changeStyle(1)">Style 2</a>
</div>

解决此问题的任何提示？谢谢！

4

1 回答 1

3

您可能将 cookie 设置在子目录中。如果是这种情况，该 cookie 只会影响该子目录。这篇文章的第一个答案解释了这种现象。

于 2013-03-09T14:51:45.647 回答