zoukankan      html  css  js  c++  java
  • js关闭当前页面清除session

    js关闭当前页面清除session

    • 普通页面

        <!DOCTYPE html>
        <html>
      
        <head>
        <meta charset="UTF-8">
        <title>js关闭当前页清除session</title>
        </head>
      
        <body>
        <script language="javascript">
        	function save() {
        		//存储session
        		window.sessionStorage.setItem("this_session", "This is session!");
        		window.sessionStorage.setItem("user", "This is User");
      
        		//取出session
        		var thisSession = window.sessionStorage.getItem("this_session");
        		alert(thisSession);
        	}
        	//执行sava()
        	save();
      
        	// 这个脚本是 ie6和ie7 通用的脚本
        	//关闭当前页
        	function custom_close() {
        		if(confirm("您确定要关闭本页吗?")) {
        			window.opener = null;
        			window.open('', '_self');
        			window.close();
        			//清除session
        			sessionStorage.clear();
      
        		} else {}
        	}
      
        	function clearUser() {
        		//
        		sessionStorage.removeItem("user");
      
        	}
      
        	//关于session
      
        	//			h5新特性--WebStorage < 值得收藏 >
        	//				localStorage 在客户端浏览器(永久保存) 保存数据
        	//
        	//			保存数据 localStorage[key] = value
        	//			保存数据 localStorage.setItem(key, value);
        	//			获取数据
        	//			var value = localStorage[key];
        	//			获取数据
        	//			var value = localStorage.getItem(key);
        	//			删除数据 localStorage.removeItem(key);
        	//			删除数据 localStorage.clear();
        	//			数据个数 localStorage.length
        	//			获取key
        	//			var key = localStorage.key(i);
      
        	//			sessionStorage 类数组对象, 会话级(关闭窗口就清除) 数据存储
        	//
        	//			保存数据 sessionStorage[key] = value
        	//			保存数据 sessionStorage.setItem(key, value);
        	//			获取数据
        	//			var value = sessionStorage[key];
        	//			获取数据
        	//			var value = sessionStorage.getItem(key);
        	//			删除数据 sessionStorage.removeItem(key);
        	//			删除数据 sessionStorage.clear();
        	//			数据个数 sessionStorage.length
        	//			获取key
        	//			var key = sessionStorage.key(i);
        	//			数据个数 localStorage.length
        	//			获取key
        	//			var key = localStorage.key(i);
        </script>
      
        <input id="btnClose" type="button" value="关闭本页" onClick="custom_close()" />
        <br/><br/><br/><br/>
        <input id="btnClose" type="button" value="清除User信息" onClick="clearUser()" />
      
        </body>
      
        </html>
      
    • layui

        //设定时间一秒后触发
        setTimeout(function() {
        		sessionStorage.clear();
        		window.parent.location.reload();//刷新父页面
        		var index = parent.layer.getFrameIndex(window.name);
        		parent.layer.close(index); //关闭当前页 
        	}, 1000);
  • 相关阅读:
    RPC框架实践之:Apache Thrift
    ubuntu中安装hadoop集群
    前端开发浏览器兼容问题
    3亿(int)数据-2亿(int)数据 求差集
    mvn docker 部署 每次都需要下载包的问题
    树莓派操作记录
    mysql 实现类似开窗函数的功能
    mysql 多字段更新
    go proxy转发工作中碰到的问题
    之前项目使用的轻量的goweb框架
  • 原文地址:https://www.cnblogs.com/renxiuxing/p/10168718.html
Copyright © 2011-2022 走看看