如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开

一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开

#myDiv{
border:1px solid red;
background:#cccccc;
width:100px;
height:100px;
}
#mySpan{
cursor:pointer;
}

function closeDiv(){
document.getElementById("myDiv").style.display = "none";
document.cookie = "isClose";
}
window.onload = function(){
var arrStr = document.cookie;
if(arrStr.indexOf("isClose") > -1){
closeDiv();
}
}

关闭

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开

    一个层关闭之后,就算刷新页面了也不显示.除非关闭页面再次打开 #myDiv{ border:1px solid red; background:#cccccc; width:100px; height:100px; } #mySpan{ cursor:pointer; } function closeDiv(){ document.getElementById("myDiv").style.display = "none"; document.cookie = &q

  • JS实现带缓冲效果打开、关闭、移动一个层的方法

    本文实例讲述了JS带缓冲效果打开.关闭.移动一个层的方法.分享给大家供大家参考.具体实现方法如下: <!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" l

  • js之点击 超连接,提示一个层.点击空白层消失

    请教一下.点击 超连接,提示一个层.点击空白.层消失. 原生js版 提示 BODY { BACKGROUND: #fff; FONT: 76%/1.5 Arial,sans-serif; COLOR: #333 } input{ width:200px;border: 1px solid #86B9D6; } #reg_div{ color: #154BA0; border: 1px solid #86B9D6; background: #D9EEF9; position: absolute;

  • layui关闭弹窗后刷新主页面和当前更改项的例子

    如下所示: function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url, //弹窗打开的url end:function(){ location.reload();//弹出层结束后,刷新主页面 } ... }); } 关闭弹窗后,只刷新当前更改的那一项.(关闭弹窗后重新

  • JS中showModalDialog关闭子窗口刷新主窗口用法详解

    本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法.分享给大家供大家参考,具体如下: 网上找了好长时间 大都是window.opener.location.reload(),等等 都不是我想要的 最后终于发现了一个 想知道的就往下看看吧 showModalDialog和showModelessDialog 一.showModalDialog和showModelessDialog有什么不同? showModalDialog:被打开后就会始终保持输入焦点.除非对话框被关闭,否

  • js关闭模态窗口刷新父页面或跳转页面

    有两个窗口: A窗口(父),B窗口(模态) A窗口里有一个DATAGRID,一个按钮. 点击按钮时,弹出B窗口(模态).在B窗口中添加数据,提交后,要求B窗口自关闭,然后刷新A窗口(父) 复制代码 代码如下: <script type="text/javascript"> function openSubWin() { window.showModalDialog('b.html', 'newwindow', 'height=500, width=400, top=0, l

  • jquery原创弹出层折叠效果点击折叠弹出一个层

    jquery原创弹出层折叠效果点击折叠弹出一个层

    弹出层效果很多网站上都用到,今天就整理最近项目里用到的一个小效果,点击折叠弹出一个层给用户填写信息.弹出层代码都是jq动态创建,每个人写法都不一样,需求也不一样,所有选择符合自已的即可. html: 复制代码 代码如下: <h1 class="bm"><a href="javascript:;">我要报名</a></h1> 复制代码 代码如下: *{ margin:0; padding:0;} body{ font:1

  • vuejs中监听窗口关闭和窗口刷新事件的方法

    1.使用window.onunload之类的API window.onbeforeunload = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示'; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return '关闭提示'; }; 2.在生命周期钩子中注册监听事件 methods: { beforeun

  • vue如何实现关闭对话框后刷新列表

    目录 关闭对话框后刷新列表 父窗口代码 子窗口代码 关闭打开的窗口后刷新父页面 解决办法 关闭对话框后刷新列表 有些场景需要实现用户弹窗确定后自动刷新列表,父窗口绑定fevent即可 父窗口代码 <template>      <div>  <el-button @click="$refs.editform.dialogFormVisible = true" >编辑用户</el-button>  <editform  @fevent

  • 利用js对象弹出一个层

    复制代码 代码如下: <!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=

随机推荐