亮℃ 2019-01-02 08:40 采纳率: 100%
浏览 2537
已采纳

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

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


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

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

  • 写回答

4条回答 默认 最新

  • 天际的海浪 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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能！！有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗？
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题：求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题：怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘