通过JavaScript的网页客户端编程,可以使用cookie对数据进行存储。相对于JavaScript中用于存储数据的变量来说,生命期更长,JavaScript的变量会在当前网页关闭时销毁所有的数据,而存储在cookie中的数据即使网页关闭了也会保留某些你需要的数据(比如用户名,邮箱帐号等等),以便下次打开网页时继续使用;对于那些需要长期保存又不必要存储在网络服务器上的数据,使用cookie保存是一种不错的选择。
下面是封装好的进行cookie操作的JavaScript代码:
//向cookie写入数据
function writeCookie(name, value, days) {
// 定义有效日期(cookie的有效时间)
var expires = "";
// 为有效日期赋值
if (days) {
var date = new Date();
//设置有效期(当前时间+时间段)
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));//时间段为毫秒数
expires = "; expires=" + date.toGMTString();
}
// 给cookie赋值 name, value和expiration date(有效期)
document.cookie = name + "=" + value + expires + "; path=/";
}
//读取cookie数据
function readCookie(name) {
var searchName = name + "=";
var cookies = document.cookie.split(';');
for(var i=0; i < cookies.length; i++) {
var c = cookies[i];
while (c.charAt(0) == ' ')
c = c.substring(1, c.length);
if (c.indexOf(searchName) == 0)
return c.substring(searchName.length, c.length);
}
return null;
}
//清楚所有的cookie
function eraseCookie(name) {
// 将时间设置成-1将清除存储在cookie中的数据
writeCookie(name, "", -1);
}
将其复制在记事本里,改名为cookie.js。
接下来我们再打开一个记事本写入如下html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<script type="text/javascript" src="cookie.js"></script>
<script type="text/javascript">
var userName
function button_click()
{
userName=readCookie("username");
if(userName){
alert("Hello "+userName+",I miss you")
}
else{
var userName=prompt("What is your name","Enter you name here")
writeCookie("username",userName,5);
}
}
</script>
</head>
<body>
<input type="button" value="Click me" onclick="button_click();" />
</body>
</html>
保存成test.html文件,拖放到浏览器运行,对cookie的简单测试就完成了,当你多次单击按钮,或者关闭浏览器再打开,浏览器都能记住你的名字。
分享到:
相关推荐
cookie-banner, 基于JavaScript的cookie信息横幅,适用于欧盟 cookie Cookie标题 Cookie横幅是确保你遵守欧盟Cookie规则的一种非常简单的方法。 只要从你的页面引用 cookiebanner.min.js 脚本就完成了。Cookie ...
javascript对cookie的日常操作
这个文件包含了javascript对浏览器cookie文件的设置、读、写、删除四个函数,非常好用。
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
通过函数获取JavaScript cookie
Cookies.js - JavaScript 客户端的Cookie操作库
javascript中cookie对象用法实例分析.docx
jdcookie.js下载 JD cookie一键获取脚本,基于JavaScript jdcookie.js下载 JD cookie一键获取脚本,基于JavaScript jdcookie.js下载 JD cookie一键获取脚本,基于JavaScript jdcookie.js下载 JD cookie一键获取脚本...
一个封装好的cookie操作类,完成对Cookie 的增删改查等操作。
javascript 中Cookie读、写与删除操作.docx
javascript.cookie
js中cookie的创建和读取单个cookie值,以及设置cookie的过期时间。 能够判断是否有自己需要查找的cookie,如果没有查到到就可以执行创建语句
并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...
javascript操作cookie /** * Read the JavaScript cookies tutorial at: * [url]http://www.netspade.com/articles/javascript/cookies.xml[/url] */ /** * Sets a Cookie with the given name and value. * * name...
本文档主要介绍了在javascript中如何使用cookie
cookie javascript 应用 详解: 添加该cookie" onclick="add()" /> 读取所有cookie" onclick="getall()" /> 读取该名称cookie的值" onclick="get()" /> 删除该名称cookie" onclick="del()" /> </div>
通过javascript实现cookie功能 但是这个项目是个java工程 直接点WebRoot下面的页面可以查看
NULL 博文链接:https://conkeyn.iteye.com/blog/423550
javascript 中Cookie读、写与删除操作 前言: 在这个前端横行的时候,页面之间的交互需要数据的传递,有的数据通过url传参的形式可以很好地解决,但是对于部分需要改变的参数,你如说从页面A到页面B选择数据,然后从...
②值:储存在cookie 中的字符串值。值必须被URL 编码。 ③域:cookie 对于哪个域是有效的。所有向该域发送的请求中都会包含这个cookie 信息。这个值可以包含子域(subdomain,如www.wrox.com),也可以不包含它...