点击按钮给标签添加class类名,跳转页面保留class类名,直到再点击按钮移除class

网站有2套背景,正常的时候页面背景是白色的。


点击切换按钮(button或什么其他标签都行)给最外层的div添加个切换背景的class类名,让页面背景变成黑色,但在跳转页面的时候让class类名保留,直到再点击按钮移除class类名,切换到白色。

最好是js,或jq!!
求大佬帮忙!!!!!!!

4个回答

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title> 页面名称 </title>
<style type="text/css">
.black {
    background-color: #000;
    color: #fff;
}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function rebackground() {
    $("#box").toggleClass("black");
    localStorage.background = $("#box").prop("className");
}
$(function(){
    var str = localStorage.background;
    if (str) {
        $("#box").addClass(str);
    }
});
</script>
</head>
<body>
    <div id="box">
        <p>最外层的div</p>
        <input type="button" value="改变" onclick="rebackground();" />
    </div>
</body>
</html>
qq_29085321
亮℃ 多谢大佬!!
大约一年之前 回复

我不知道你的跳转页面是局部跳转, 还是全部跳转 , 全部跳转可以在跳转的地址上加上一个 " 样式参数 " , 在另一个页面做一个接受处理, 初始化的时候就直接换成你想要样式

qq_29085321
亮℃ 回复czh500: 大佬直接上代码吧,不懂啊,小白一枚。
大约一年之前 回复
czh500
lay500 点击按钮给标签添加class类名的同时,把该class类名保存到数据库!再点击按钮移除class的时候,修改数据库
大约一年之前 回复
qq_29085321
亮℃ 感觉有点像日夜切换,点击切换到黑夜模式后,点击跳转页面也还是黑色的背景,直到再点击白天模式再切换回来
大约一年之前 回复
qq_29085321
亮℃ 本人小白,页面全部跳转,能直接上代码吗?
大约一年之前 回复

方法1
点击按钮给标签添加class类名的同时,把该class类名保存到数据库!再点击按钮移除class的时候,修改数据库
方法2
把class类名保存到session中,移除class的时候,就从session中修改
方法3
把class类名保存到cookie中(设置cookie的时间为永久),移除class的时候,就从cookie中修改,此方法有个缺点,如果用户把浏览器中的cookie清空了,那这种方法就没得玩了

qq_29085321
亮℃ 虽然不太明白,但还是要多谢!
大约一年之前 回复

最简单的方法是通过jquery 获取这个标签元素
然后通过在点击事件中设置标志位来确定是点了几下
然后通过 $('#id名').addClass("my-style"); 添加 自己定义好的样式 // my-style 为自己定义的class名
$('#id名').removeClass("my-style"); 移除这个样式

James_liPeng
James_liPeng 回复qq_29085321: 嗯嗯, 这个方法是可以实现你说的这种情况的
大约一年之前 回复
qq_29085321
亮℃ 不是只给当前页面添加,添加完之后,跳转其他栏目也要保留之前添加的class类名,有点像日夜切换,点击切换到黑夜模式后,点击跳转页面也还是黑色的背景,直到再点击白天模式再切换回来
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问