`

js 刷新和关闭页面触发的事件 及操作COOKIE

js 
阅读更多

有个需求是在用户离开页面(刷新或者关闭)时保存当前的工作状态。我决定把当前工作状态存到COOIKE中.记录一下js操作Cookie和事件响应

 

function setCookie(name,value){
		var Days = 30;
		var exp = new Date();
		exp.setTime(exp.getTime() + Days*24*60*60*1000);
		document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
	}
	//读取cookies
	function getCookie(name){
		var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
		if(arr=document.cookie.match(reg))
		return (arr[2]);
		else
			return "";
	}

 

 下面是事件监听代码:

function onbeforeunload_handler(){
		alert("页面即将关闭")
	}
	 
	
	//全局 设置
	window.onbeforeunload = onbeforeunload_handler;
 
分享到:
评论

相关推荐

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...

    javascript判断网页是关闭还是刷新

    原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序  代码如下  [removed] = function(){ var a_n = window.event.screenX - ...

    IBM WebSphere Portal门户开发笔记01

    21、JS与页面刷新、关闭事件 257 22、SHOWMODALDIALOG和SHOWMODELESSDIALOG及其右下角提示框 257 23、特殊字体样式 258 24、JS确认窗口和输入窗口 259 25、WINDOW.SETTIMEOUT和SETINTERVAL 260 25、WINDOW.OPEN 261 ...

    精通JavaScript

    • 9.9.htm 自动触发事件 • 9.9.htm 直接在表单上调用事件 • 9.11.htm attachEvent()方法 • 9.12.htm 事件流测试 • 9.13.htm DOM2 事件模型基本语法 • 9.14....

    ExtAspNet_v2.3.2_dll

    -如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -如何自定义Javascript脚本和C#处理函数来响应键盘事件。 -为Tree增加AutoLeafIdentification属性。 -增加示例(tree_auto_leaf_identification.aspx)(feedback:wdrabbit)。 +2009-11-17 v2.1.4 -修正...

    cef3 mfc测试demo windows vs2015工程

    实现下载功能(是网页上触发下载,并不是MFC触发下载) GO按钮增加了快捷键回车 增加F5刷新 增加前进和后退按钮 增加右键和F12开发者选项调试网页 增加cookie 参考 : https://github.com/xiaonaiquan/CEF3 ...

    ASP.NET4高级程序设计第4版 带目录PDF 分卷压缩包 part1

    4.2.5 设置Style特性和其他属性 4.2.6 通过编程创建服务器控件 4.2.7 处理服务器端事件 4.3 Web控件 4.3.1 WebControl基类 4.3.2 基本的Web控件类 4.3.3 单位 4.3.4 枚举 4.3.5 颜色 4.3.6 字体...

    ASP.NET4高级程序设计(第4版) 3/3

    4.2.5 设置Style特性和其他属性 102 4.2.6 通过编程创建服务器控件 103 4.2.7 处理服务器端事件 104 4.3 Web控件 107 4.3.1 WebControl基类 107 4.3.2 基本的Web控件类 108 4.3.3 单位 109 4.3.4 ...

    千方百计笔试题大全

    167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...

    java面试宝典

    167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...

    程序员面试刷题的书哪个好-study_learing_problem:学习学习问题

    页面片段局部刷新,用户体验更好,尤其是移动设备上,开发难度比多页面应用高点(需要专门的框架来降低难度),页面资源共享比较容易、(不像多页面应用,依赖localStorage,url,cookie等实现麻烦),单页面应用已经...

    habstw:哈桑动漫这个星期

    检查合法和fansub RSS提要是否包含自上周日上午以来上传的任何名为(anime *)的内容。 如果检测到某些东西,它将显示一条消息并提供相关链接。 它还出于某些原因播放音乐?!? *最初是为Kill la Kill制作的,...

    RobbeR Redmine Time Tracker-crx插件

    RobbeR Redmine Time Tracker v1.3.1 robber@robber.hu将时间存储到cookie中如果页面刷新或自动注销=>不会浪费时间,则在1.3.1中进行了更改:-当您单击内部的编辑时,计时器会自动启动。问题-添加3个按钮(添加1分钟...

    ASP.NET常用代码

    <script language="javascript" for="document" event="onkeydown"> if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event....

Global site tag (gtag.js) - Google Analytics