qq_29085321
亮℃
采纳率100%
2019-01-02 08:40 浏览 2.3k

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

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


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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答 默认 最新

  • 已采纳
    jslang 天际的海浪 2019-01-02 08:33
    <!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>
    
    点赞 2 评论 复制链接分享
  • qq_40021323 妖王令剑 2019-01-02 00:51

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

    点赞 1 评论 复制链接分享
  • czh500 冷囧囧 2019-01-02 01:33

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

    点赞 评论 复制链接分享
  • James_liPeng James_liPeng 2019-01-02 04:37

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

    点赞 评论 复制链接分享

相关推荐