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. Oralce常用系统函数

    dual:Oracle系统内部提供的一个用于实现临时数据计算的特殊表,它只有一个列DUMMY (VARCHAR2(1)) 字符类函数: concat--连接字符串 initcap--每个单词首字母大写 ...

  2. python排序算法-冒泡和快速排序,解答阿里面试题

    ''常见的排序算法\ 插入排序/希尔排序/直接排序/堆排序 冒泡排序/快速排序/归序排序/基数排序 给定一个列表,将这个列表进行排序,要求:> 时间复杂度要小于O(n^2) 复杂度:1.时间复杂 ...

  3. 在学react时候找不到static/js/bundle.js

    看如图上面bundle.js,我在项目中和配置文件中都没有找到这个JS文件,然后我就觉得很诧异,然后各种查找,终于找到一篇文章,在此记录一下 第一步:npm run start            ...

  4. 45.Sort List（链表排序）

    Level:   Medium 题目描述: Sort a linked list in O(n log n) time using constant space complexity. Example ...

  5. HTML页面仿iphone数字角标

    做仿iphone样式的数字角标,用简单的css来实现 <html><head><title>角标数字</title><style type=&qu ...

  6. Vue-基础(一)

    一.Vue中的常用指令 什么是指令? 指令就是vue中提供的一些对于页面和数据更为方便的操作, 指令就是以数据去驱动DOM行为的,简化DOM的操作 常用指令 v-text / v-html :用于为标 ...

  7. go中变量的使用

    // 变量的使用 package main import "fmt" // 定义多个全局变量 var ( globalName = "Jackie" globa ...

  8. yum 仓库搭建与源码包安装实战

    目录 一.yum 仓库自建示例: 二.源码包安装实践 基础环境 服务端配置 下载及安装fpm软件 客户端: 一.yum 仓库自建示例: 1.安装ftp服务 yum -y install vsftpd ...

  9. go语言从例子开始之Example12.func函数

    函数 是 Go 的中心.我们将通过一些不同的例子来进行学习. Example: package main import "fmt" //定义一个函数使用关键字func //函数名名 ...

  10. 常看 Shell: 文本文件操作

    文件显示和信息 wc wc 可以用于统计文件的行数和单词数. nl nl 在文件的每行内容前面加上行号. 基于行的操作 grep grep 用于筛选匹配特定字符的行. grep "Hello ...