最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS创建和存储 cookie一些方法总结
时间:2013-09-25 编辑:简简单单 来源:一聚教程网
创建和存储 cookie
在这个例子中我们要创建一个存储访问者名字的 cookie。当访问者首次访问网站时,他们会被要求填写姓名。名字会存储于 cookie 中。当访问者再次访问网站时,他们就会收到欢迎词。
首先,我们会创建一个可在 cookie 变量中存储访问者姓名的函数:
代码如下 | 复制代码 |
function Setcookie (name, value) { //设置名称为name,值为value的Cookie //即document.cookie= name+"="+value+";path=/"; 时间可以不要,但路径(path)必须要填写,因为JS的默认路径是当前页,如果不填,此cookie只在当前页面生效!~ |
上面这个函数中的参数存有 cookie 的名称、值以及过期天数。
在上面的函数中,我们首先将天数转换为有效的日期,然后,我们将 cookie 名称、值及其过期日期存入 document.cookie 对象。
之后,我们要创建另一个函数来检查是否已设置 cookie:
代码如下 | 复制代码 |
function getCookie(c_name) |
上面的函数首先会检查 document.cookie 对象中是否存有 cookie。假如 document.cookie 对象存有某些 cookie,那么会继续检查我们指定的 cookie 是否已储存。如果找到了我们要的 cookie,就返回值,否则返回空字符串。
最后,我们要创建一个函数,这个函数的作用是:如果 cookie 已设置,则显示欢迎词,否则显示提示框来要求用户输入名字。
代码如下 | 复制代码 |
function checkCookie() |
一个完整实例
代码如下 | 复制代码 |
|
上面讲到了cookie的创建我们现在来看一个利用cookie保存浏览记录实例
浏览记录的显示是从cookie里读出来,然后解析成json,生成html元素。因为用户可能会同时打开好几个页面,这几个页面上可能都有浏览记录,为了使即使显示浏览记录,每秒中刷新一次。
要用到2个js文件,history.js,关键的聊天记录保存和读取代码。json.js,对json进行处理。
history.js
代码如下 | 复制代码 |
var addHistory=function(num,id){ var historyJSON=getCookie('history'); |
json文件
代码如下 | 复制代码 |
json.js |
html文档
代码如下 | 复制代码 |
示例程序 |
-
上一个: JS动态给字符串/div添加样式与样式名
相关文章
- JS中cookie如何正确的使用 05-15
- JS中cookie是怎么使用的,它的缺点又是什么 05-15
- js使用cookie的方法详解 06-14
- js cookie使用方法详解 09-02
- JS操作cookie详解(document.cookie对象) 06-29
- js cookie使用详细介绍 09-19