点击隐藏，获取存储的值，根据存储的值继续隐藏div，但是刷新页面之后，div竟然还是显示，怎么回事，代码

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://www.17sucai.com/static/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#divDsiplay").click(function(){
$("#divUser").show();

//存数据
localStorage.setItem('a','用户选择了A');
});

$("#divDsiplaynone").click(function(){

$("#divUser").hide();

//存数据
localStorage.setItem('a','用户选择了b');

});
$("#divDsiplaysc").click(function(){
var xZ=localStorage.getItem("a");//输出“用户选择了A”

if(xZ=="用户选择了A"){
alert("这是展开");
$("#divUser").show();
}

else if(xZ=="用户选择了b"){
alert("这是隐藏");
$("#divUser").hide();
}
else{
alert("js出错");
}
});

});

</script>
</head>

<body>
<input type="button" id="divDsiplay" value="展开" name="" />
<input type="button" id="divDsiplaynone" value="隐藏" name="" />
<input type="button" id="divDsiplaysc" value="输出" name="" />
<div id="divUser" style="width:100px; height:100px; background:#CCC;"></div>
</body>
</html> 展开

 我来答

1个回答

#热议# 应届生在签三方时要注意什么？

stones4
2013-07-22 · 一个勤恳的IT教师，偶尔发发文档

stones4

采纳数：105 获赞数：563

向TA提问私信TA

关注

展开全部

要保持状态。需要利用cookie或者后台程序的session
纯HTML刷新后，会复原的

更多追问追答

追问

用cookie要怎么写？能不能写个例子？

追答

function hide(o){
          document.getElementById("xx").style.display="none";    
          setCookie(true); 

        }
        function show(o){
          document.getElementById("xx").style.display="block";    
          setCookie(false);
        }
        function readCookie(){
            var c = document.cookie;
            var cs = c.split(";");  //得到cookie数组 
            var cname = cs[0].split("=");  
            // cs[0]是字符串:类似 isHide=true
            //cname数组｛"isHide","true"｝
            if(cname[1]=="true"){
                 document.getElementById("xx").style.display="none";
                }else{
                     document.getElementById("xx").style.display="block";
                }
        }
        function setCookie(bool){
            document.cookie="isHide="+bool; 

        }

被隐藏的标签

readCookie(); 
        //读取cookie.一定要放在HTML之后，保障DOM先于JS出现。

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

点击隐藏，获取存储的值，根据存储的值继续隐藏div，但是刷新页面之后，div竟然还是显示，怎么回事，代码

其他类似问题

为你推荐：