我一直在尝试自己解决这个问题，但我似乎无法对其进行排序。
我正在客户网站上构建一个可访问性部分，我有两个按钮，这些按钮向正文添加一个类，一个是 font-size 另一个是 greyscale。
我需要这些类保留在正文上，直到再次单击以删除，因为用户不希望必须继续单击按钮才能看到该站点。
我想用 session 或 cookie 来存储这些类，但是在阅读了一些内容后，session 还是会存储 cookie，所以无论哪个是最好的选择。
我在网站上使用 wordpress，所以如果有什么我可以在功能方面使用的东西，知道会很有用！
谁能帮帮我？
【问题讨论】：
标签： javascript php jquery wordpress session
如果你想使用 localStorage，你可以使用这个代码。
// Check if localStorage is supported
if ('localStorage' in window && typeof localStorage == 'object') {
$(document).ready(function() {
// Set the class if greyscale is set
// Note that localStorage saves everything as strings
if (localStorage["greyscale"] == "1") {
$('body').addClass('greyscale');
}
// Register click listener for the button
$('#button').click(function() {
// Toggle greyscale on and off
if (localStorage["greyscale"] != "1") {
$('body').addClass('greyscale');
localStorage["greyscale"] = "1";
}
else {
$('body').removeClass('greyscale');
localStorage["greyscale"] = "0";
}
}); // - button click
}); // - doc ready
}
【讨论】：
会话通常使用cookies，但数据存储在服务器端，cookie仅用于识别它。
假设你没有理由知道用户是否在服务器端使用灰度，你可以完全在 JS 中做到这一点。
例如使用一些简洁的 jQuery 插件来处理 cookie https://github.com/carhartl/jquery-cookie
//set cookie and add class on button click
$('#button').click(function(){
$.cookie('greyscale', true);
$('body').addClass('greyscale');
});
//check for cookie on document load
$(function(){
if($.cookie("greyscale")){
$('body').addClass('greyscale');
}
});
另外请记住，此 cookie 将被发送到服务器并一遍又一遍地返回，因此如果您在服务器端不需要它，您应该使用一些更现代的解决方案，例如 HTML5 localStorage。很少有库可用于将数据保存在客户端。他们在旧浏览器上使用现代功能并回退到旧功能（如 cookie）。例如，请查看http://pablotron.org/software/persist-js/。
【讨论】：
如this answer中所述：
主要区别在于会话数据存储在服务器上，而 cookie 数据存储在客户端上。因此，客户端可以轻松修改 cookie 内容，但必须更加努力地修改会话内容。
【讨论】：
有几种方法可以解决这个问题
1) 将信息保存在 $_SESSION 中。
2) 将信息保存在 cookie 中。
根据您的情况和您要存储的数据（不是关键的），我建议您将其存储在 cookie 中，而不要打扰服务器来跟踪每个用户。
您可以通过 javascript 轻松地将信息存储在 cookie 中。
这里有一个 javascript cookie 参考供您参考：
将您的信息存储在 cookie 中后，您可以通过 javascript 或 php 检索存储在 cookie 中的信息。 记住： Javascript = 客户端（服务器不会被打扰）& 在你的 dom 准备好之后，你必须将相应的类添加到你的 body 中。 PHP = 服务器端，这意味着您不必在 dom 准备好后添加一个类，并使用已在元素上设置的适当类打印您的 html。
PHP cookie 参考：
【讨论】：
<script> 和</script> 标签的HTML 中使用JavaScript，.. 它不会工作
将其存储在 cookie 中。
使用 cookie，您可以选择 cookie 何时过期，使用会话时 - 会话被破坏时，信息会丢失，例如。当用户注销时。
用户必须手动删除您的 cookie 才能删除“body class 信息”
【讨论】：