如何加載選擇的替代CSS爲默認的CSS？

Question

我爲我的網站做了一個淺灰色和深色的CSS。輕css作爲默認和黑暗的CSS作爲替代。它可以在JavaScript的幫助下完美工作。現在的問題是，如果用戶選擇黑色版本並刷新頁面或轉到下一頁，它會再次回到淺色的CSS。如果用戶選擇黑暗的CSS，我需要我的網站加載黑暗的CSS爲默認的CSS。它將如何製造？它是否與JavaScript的幫助？如果是，請給代碼。

感謝

Answer 1

您需要將該信息保存在瀏覽器cookies中。 每當用戶訪問網站時，如果喜歡較暗的版本，請檢查cookie。要設置cookie的使用：當網站在使用此功能加載
document.cookie = "style=black; expires=Thu, 01 Jan 1970 00:00:00 UTC";

然後檢查Cookie： - [學分：W3Schools的。 。 function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i=0; i<ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1); if (c.indexOf(name) == 0) return c.substring(name.length,c.length); } return ""; }

Answer 2

如果你知道如何改變通過JavaScript（如在Replacing css file on the fly (and apply the new style to the page)描述）CSS，它是80％了。 現在，您必須在某處保存用戶對CSS的選擇，例如使用cookie。 如果使用jquery.cookie.js，嘗試創建的cookie：

$.cookie('myvalue', 'here is value', { expires: 30 }); 

和刪除的cookie：

$.removeCookie('myvalue', { path: '/' }); 

希望，它會幫助！