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);

js关闭当前页面清除session的更多相关文章

  1. js关闭当前页面(窗口)的几种方式总结(转)

    js关闭当前页面(窗口)的几种方式总结     1. 不带任何提示关闭窗口的js代码 代码如下 <a href="javascript:window.opener=null;windo ...

  2. js关闭当前页面不弹出提示的方法

    js关闭当前页面不弹出提示的方法 js关闭当前页面不弹出提示的方法 "window.opener=null;window.open('','_self','');window.close() ...

  3. js关闭当前页面跳转新页面

    页面代码: <p class="info"><span style="font-weight: bold">所属项目:</span ...

  4. js关闭当前页面(窗口)的几种方式总结

    1. 不带任何提示关闭窗口的js代码 <a href="javascript:window.opener=null;window.open('','_self');window.clo ...

  5. 【转载】js关闭当前页面(窗口)的几种方式总结

    1. 不带任何提示关闭窗口的js代码 复制代码代码如下: <a href="javascript:window.opener=null;window.open('','_self'); ...

  6. js关闭当前页面窗口的问题

    有两种情况,如果当前页面窗口是由js代码打开的,那么可以直接用js关闭该窗口 如: window.close(); 如果该页面是由用户输入地址直接进去的,直接close是会无效的,此时需要这样做: w ...

  7. js关闭当前页面(窗口)的几种方式

    1. 不带任何提示关闭窗口的js代码  代码如下: <a href="javascript:window.opener=null;window.open('','_self');win ...

  8. JS关闭chorme页面

    百度到的很多答案都失效了,这是收集一位博主的(https://www.jianshu.com/p/9dc2752194b8),目前可以使用. 代价是打开一个空白页面,能实现无提示关闭当前页面.不需要是 ...

  9. js关闭当前页面和给子页面的对象赋值

    代码如下: function saveData(){ //给父页面的对象赋值 frameElement.api.opener.document.getElementById("userNam ...

随机推荐

  1. "New page after" by code

    Hi. There is a method for starting of the new page in the EngineV2: Engine.NewPage(); You can call i ...

  2. Prometheus 安装与配置

    下载Prometheus https://prometheus.io/download/ wget https://github.com/prometheus/prometheus/releases/ ...

  3. java中四种访问修饰符区别及详解全过程

    客户端程序员:即在其应用中使用数据类型的类消费者,他的目标是收集各种用来实现快速应用开发的类. 类创建者:即创建新数据类型的程序员,目标是构建类. 访问控制存在的原因:a.让客户端程序员无法触及他们不 ...

  4. Centos7安装gearman和php扩展

    Centos7安装gearman和php扩展 标签(空格分隔): php,linux gearman所需要的依赖 yum install \ vim \ git \ gcc \ gcc-c++ \ w ...

  5. JAVA中的面向对象与内存解析_2

    构造方法(构造函数)   • 使用new +构造方法创建一个新的对象. • 构造函数是定义在Java类中的一个用来初始化对象的函数. • 构造函数与类同名且没有返回值. • 例如:Person类的构造 ...

  6. 转载：LESS基本用法

    转载出处:https://blog.csdn.net/qq_38209578/article/details/80566860 转载出处:https://blog.csdn.net/weixin_44 ...

  7. if语句的嵌套使用之获取三个数据的最大值

    获取三个数据的最大值: class Hello2 { public static void main(String[] args) { int a = 10; int b = 20; int c = ...

  8. 了解JSON Web令牌（JWT）

    JSON Web Token(JWT)是目前最流行的跨域身份验证解决方案.今天给大家介绍JWT的原理和用法. 1.跨域身份验证 Internet服务无法与用户身份验证分开.一般过程如下. 1.用户向服 ...

  9. android 短信发送

  10. Ubuntu下安装chrome浏览器步骤

    进入 Ubuntu 18.04 桌面,按下 Ctrl + Alt + t 键盘组合键,启动终端. 也可以按下 Win 键(或叫 Super 键),在 Dash 的搜索框中输入 terminal 或“终 ...