ie和chrome下js操作cookie

最新推荐文章于 2024-06-22 16:38:46 发布

daxiang12092205

最新推荐文章于 2024-06-22 16:38:46 发布

阅读量9.2k

点赞数

分类专栏：前端文章标签： cookie chrome ie localstorage sessionstorage

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

本文参考：http://bbs.csdn.net/topics/390195613?page=1#post-397067687

http://www.w3school.com.cn/html5/html_5_webstorage.asp

http://tc.gaofen.com/?p=116

注：在原文基础上作部分改动。

代码示例：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<input type="button" id="input1" value="button1"></input>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
	$("#input1").click(function(){
/*
		// ie8下方案
		setCookie("userName","abc",24,"/");
		setCookie("password","123",24,"/");
		var userNameValue = getCookieValue("userName");
		var pwdValue = getCookieValue("password");
		console.log("---username:" + userNameValue);
		console.log("---pwd:" + pwdValue);
*/
		// chrome下方案
		localStorage.username = 'abc';
		console.log("---localStorage username:" + localStorage.username);
		updatePageCountNoSession();
		updatePageCountWithSession();
	});
	function setCookie(name,value,hours,path){
		var name = escape(name);
		var value = escape(value);
		var expires = new Date();
		expires.setTime(expires.getTime() + hours * 60*60*1000);
		path = path =="" ? "":";path=" + path;
		_expires = (typeof hours) == "string" ? "": ";expires=" + expires.toUTCString();
		document.cookie = name + "=" + value + _expires + path;
		console.log("---cookie:" + document.cookie);
	}
	function getCookieValue(name){
		var name = escape(name);
		var allcookies = document.cookie;
		name += "=";
		var pos = allcookies.indexOf(name);
		if(pos != -1){
			var start = pos + name.length;
			var end = allcookies.indexOf(";",start);
			if(end == -1){
				end = allcookies.length;
			}
			var value = allcookies.substring(start,end);
			return unescape(value);
		} else{
			return "";
		}
	}
	function deleteCookie(name,path){
		var name = escape(name);
		var expires = new Date(0);
		path = path == "" ? "" : ";path=" + path;
		document.cookie = name + "=" + ";expires=" + expires.toUTCString() + path;
	}
	// 关闭浏览器后数据不会消失
	function updatePageCountNoSession(){
		// localStorage.pagecount与localStorage.getItem("pagecount")在此处均可用，
		// 不同的是：若pagecount不存在，前者返回undefined，后者返回null。
		if(localStorage.pagecount){
			localStorage.pagecount = Number(localStorage.pagecount) + 1;
		} else{
			localStorage.pagecount = 1;
			// 取值或设置值的两种方式
			// localStorage.setItem("pagecount",1);
		}
		console.log("---localStorage pagecount:" + localStorage.getItem("pagecount"));
	}
	// 关闭网页后数据会消失
	function updatePageCountWithSession(){
		if(sessionStorage.pagecount){
			sessionStorage.pagecount = Number(sessionStorage.pagecount) + 1;
		} else{
			sessionStorage.pagecount = 1;
		}
		console.log("---sessionStorage pagecount:" + sessionStorage.pagecount);	
	}
	</script>
</html>

ie8方案输出：
日志: ---cookie:userName=abc; password=123
日志: ---cookie:userName=abc; password=123
日志: ---username:abc
日志: ---pwd:123

chrome方案输出：
---localStorage username:abc
---localStorage pagecount:11
---sessionStorage pagecount:1

注：输出11是由于我多次操作造成的。

daxiang12092205

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ie和chrome下js操作cookie

本文参考：http://bbs.csdn.net/topics/390195613?page=1#post-397067687http://www.w3school.com.cn/html5/html_5_webstorage.asphttp://tc.gaofen.com/?p=116注：在原文基础上作部分改动。代码示例： $("#input1")
复制链接

扫一扫

专栏目录