`

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;
 
分享到:
评论

相关推荐

    网页缓存清除及页面刷新与关闭.doc

    网页缓存清除及页面刷新与关闭 知识点1: 网页缓存的概念 网页缓存是指浏览器将访问过的网页保存到本地缓存中,以便下次访问时可以快速加载。缓存可以分为两种:强制缓存和协商缓存。强制缓存是指浏览器在访问网页...

    js+cookie购物车

    在这个“js+cookie购物车”项目中,我们看到开发者使用JavaScript和Cookie技术来实现这一功能。下面我们将详细探讨JavaScript、Cookie以及它们如何在购物车场景中结合使用。 JavaScript是一种强大的客户端脚本语言...

    js操作Cookie子键+Jquery调用Ajax方法执行后台操作

    Ajax(异步JavaScript和XML)允许我们在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。jQuery的`.ajax()`方法提供了一种简单的方式来实现这个功能: ```javascript $.ajax({ type: "POST", // 请求...

    一个基于JS+CSS+DOM+COOKIE无刷新更换网页风格并保存例子代码

    "一个基于JS+CSS+DOM+COOKIE无刷新更换网页风格并保存例子代码"的主题,旨在介绍如何利用JavaScript、CSS、DOM(Document Object Model)和Cookie技术,实现在不刷新页面的情况下动态改变网页样式,并将用户的风格...

    JS操作Cookie,子键(增删改查)纯js页面

    本教程将深入探讨如何使用纯JavaScript操作Cookie,尤其是涉及到Cookie的子键(subkeys)的增删改查操作,以及如何利用这些信息进行异步调用,实现无刷新页面交互。 首先,我们需要了解Cookie的基本结构。一个...

    html 登录ajax请求继承.net Form验证和JS解析cookie

    这个DemoLogin项目提供了一个实例,展示了如何在不刷新页面的情况下进行用户验证,并且利用Cookie来存储和读取用户登录状态。以下是相关知识点的详细说明: 1. HTML登录页面:登录界面通常包含用户名和密码输入框,...

    AJAX无刷新分页(适合网页开发者)

    AJAX(Asynchronous JavaScript and XML)无刷新分页技术是一种在网页中实现用户交互和数据更新,而无需重新加载整个页面的方法。它极大地提升了用户体验,因为用户可以继续浏览页面的其他部分,同时后台处理数据...

    通过cookie实现返回上级页面/上一个页面

    在新页面加载时(如`window.onload`或`DOMContentLoaded`事件触发时),获取当前页面URL(`window.location.href`),然后设置一个名为`previousPage`的cookie,值为当前URL。 ```javascript function ...

    【JavaScript源代码】Javascript实现关闭广告效果.docx

    2. **存储状态**:如果广告需要在页面刷新后仍然保持关闭状态,可以使用`localStorage`或`cookie`来存储用户的关闭选择。 3. **动画效果**:为了提供更好的用户体验,可以添加过渡动画,如淡入淡出,使广告关闭过程...

    Documents_防抖_网页刷新_源码.zip

    网页刷新则是用户与浏览器交互的基本操作,可以是用户手动点击刷新按钮,或者是通过JavaScript代码触发的location.reload()。在开发过程中,我们需要确保网页刷新后能正确恢复到预期状态,同时也要处理好页面数据的...

    jquery相册单页面刷新弹窗点开查看代码.rar

    【标题】"jQuery相册单页面刷新弹窗点开查看代码"涉及到的是使用JavaScript库jQuery创建的一个图片相册功能,并且在用户刷新页面或者点击时,会弹出一个窗口显示图片。这一技术主要应用于网页动态效果和用户体验优化...

    JS利用cookie记忆当前位置的防刷新导航效果

    标题中提到的“JS利用cookie记忆当前位置的防刷新导航效果”主要指的是利用JavaScript操作Cookie来记录用户在页面导航栏中的当前位置信息。当用户对导航栏进行操作后,刷新页面时,能够根据保存的Cookie信息恢复到...

    JavaScript网页设计300例.rar

    AJAX(异步JavaScript和XML)技术允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。理解XMLHttpRequest对象的使用,以及如何使用`open`、`send`、`onreadystatechange`等方法,能够实现数据的...

    c# webform无刷新前后台交互

    它可以包裹在页面的部分区域,当UpdatePanel内的控件触发事件时,只有该面板的内容会被刷新,而不会影响到整个页面。后台代码处理完成后,更新的结果会通过AJAX请求返回到UpdatePanel中。 3. **WebMethod和...

    Ajax异步无刷新验证码

    Ajax异步无刷新验证码解决了这个问题,当用户输入错误的验证码后,只需点击刷新按钮或触发特定事件,即可在不刷新整个页面的情况下更新验证码。 Ajax是Web开发中的一种技术,它允许浏览器与服务器进行后台通信,...

    《JavaScript动态网页设计经典实例教程》源代码

    - AJAX(Asynchronous JavaScript and XML)允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。通过创建`XMLHttpRequest`对象,利用`open`、`send`等方法实现异步请求,接收数据后使用回调函数...

    cookie实现面向对象的购物车

    5. **JavaScript事件处理**:`BuyCar.js`和`Cookie.js`可能是处理用户交互的JavaScript文件。当用户点击“添加到购物车”按钮时,触发一个事件,调用购物车类的相关方法,将商品信息存入Cookie。 6. **ASP.NET文件*...

    用VBSCRIPT和JAVASCRIPT实现倒计时功能.pdf

    3. **Cookie技术**:使用Cookie来存储剩余时间,即使用户刷新或重新加载页面,只要浏览器未关闭,仍能正确显示剩余时间。`Document.Cookie = "time=30"`用于设置Cookie的值。 4. **事件处理**:当倒计时达到预设时间...

Global site tag (gtag.js) - Google Analytics