Question

我要做的是：使用javascript（已经完成）更改页面的CSS并在我导航到其他页面时保留该CSS。
我正在尝试让我的用户在浏览时拥有他/她想要的css而无需继续选择它到目前为止我所拥有的是：

的Javascript

var css="mycss.css";

function cssChange(id){
    css="mycss.css";
    document.getElementById(id).href='mycss.css';   
}
function cssChange2(id){
    css="mycss2.css";
    document.getElementById(id).href='mycss2.css';
}
function cssChange3(id){
    css="mycss3.css";
    document.getElementById(id).href='mycss3.css';
}
function loadpage(){
    document.getElementById('css').href=css;
}

HTML

    <link id="css" href="" rel="stylesheet" type="text/css" />
</head>

<body onload="loadpage()">

所以我错过了什么？或者，也许它不能用javascript完成？
此外，我的CSS在所有页面中工作正常，所有CSS都是我在页面中想要它们的方式。它不会保持不变。

Answer 1

最好尝试维护所有用户的唯一css文件名及其配置文件表。在用户登录时触发CSS文件名。[IT IS SERVER SIDE]

OR

如果您没有为用户维护单独的表，请跟踪它们的IP，将其存储在表格和表格中。向他们展示一种选择的风格。 [这是服务器端]

OR

如上所述，使用cookies。 [这是客户端]

我比上面的客户端更喜欢服务器端脚本。

Answer 2

如果它只与字体，颜色和图像有关，我会建议以下技巧：

在单个CSS文件中创建具有不同“ID”的同名CSS类，例如

#type1 .fontClass { font-size: 12px;}

#type2 .fontClass {font-size: 16px;}

#type3 .fontClass {font-size: 20px;}

现在你只需要一个COOKIE设置代码，它基本上存储了#ID值（type1或type2或type3），在页面加载时将这个ID设置到你的body标签或你基本上应用这些类的父DIV标签

Answer 3

您使用什么：http://plugins.jquery.com/cookie/

您可以根据用户的Cookie保留定义的样式。并设置在用户浏览器中启用cookie的时间。

如何在更改后在其他页面上保持相同的CSS

3 个答案: