飘浮层关闭后，刷新不会显示,除非重新打开该页面！

最新推荐文章于 2022-01-12 14:43:15 发布

G420607387

最新推荐文章于 2022-01-12 14:43:15 发布

阅读量485

点赞数

分类专栏：前台文章标签：公告显示

本文链接：https://blog.csdn.net/G420607387/article/details/45483249

版权

前台专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text.Xml; charset=gb2312" /> 
        <title>一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开</title> 
        <style type="text/css"> 
            #myDiv{ 
                border:1px solid red; 
                background:#cccccc; 
                width:100px; 
                height:100px; 
            } 
            #mySpan{ 
                cursor:pointer; 
            } 
        </style> 
        <script language="JavaScript" type="text/javascript"> 
        function closeDiv(){ 
            document.getElementById("myDiv").style.display = "none";  //得到myDiv的对象
            document.cookie = "isClose";   //存储isClose 的值
        } 
        window.onload = function(){ 
            var arrStr = document.cookie;        //将cookie别名arrStr
            if(arrStr.indexOf("isClose") > -1){   //适用indexOf来判断isClose值是不是大于 -1
                closeDiv();                                      //如果大于-1则关闭该DIV
            } 
        } 
        </script> 
    </head> 
    <body> 

        <div id="myDiv"><span onclick="closeDiv()" id="mySpan">关闭</span></div> 
    </body> 
<Xml>

G420607387

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
飘浮层关闭后，刷新不会显示,除非重新打开该页面！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text.Xml; charset=gb2312" /> <t
复制链接

扫一扫