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

how keep same css on other pages after change

本文关键字：css 其他      更新时间：2024-07-03

我想做的是：用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都是我想要的。只是不会一成不变。

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

或

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

或

如上所述，请使用cookie。[是客户端]

对于以上内容，我更喜欢服务器端脚本而不是客户端脚本。

如果它只与字体、颜色和图像变化有关，我建议使用以下技巧：

在单个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标记中，您基本上正在应用类。

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

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

相关文章：