如何在改變後的其他頁面上保留相同的CSS

我想要做的是：用javascript（已完成）更改頁面的CSS，並保留該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都是我在頁面中想要的。它只是不會保持不變。

來源

2013-12-12 Παναγιώτης Νικολαρόπουλος

您需要在服務器端或使用cookie存儲用戶的CSS選擇。 – Slicedpan

或使用localStorage或sessionStorage。 –

我不適合演示文稿，所以我沒有服務器，我的所有文件都在本地文件夾中。那我該用什麼？ –

最好嘗試爲所有用戶保存唯一的css文件名及其個人資料表。觸發CSS文件名，而用戶登錄。[IT IS服務器端]

如果不保持用戶的單獨的表，然後跟蹤他們的IP，它存儲在表&向他們展示一種選擇的風格。 [它是服務器端]

或

如上所述，使用cookies。 [它是客戶端]

我比上面的客戶端更喜歡服務器端腳本。

來源

2013-12-12 11:17:52

如果它涉及到只有字體，顏色和圖像的變化，我建議如下技巧：

創建在一個CSS文件不同的「ID」同名的CSS類，像

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

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

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

現在，您只需要一個基本上存儲#ID值（類型1或類型2或類型3）的COOKIE集合代碼，在頁面加載時將此ID設置到您的主體標記或父DIV標記中，您基本上正在應用這些類。

來源

2013-12-12 11:28:10

你用什麼：http://plugins.jquery.com/cookie/

你可以保留根據用戶的Cookie中定義的樣式。還要設置cookie在用戶瀏覽器中啓用的時間。

來源

2013-12-12 13:49:41

如何在改變後的其他頁面上保留相同的CSS

回答

相關問題