javascript入门经典--笔记9 cookie
来源:互联网 发布:初级英语单词软件 编辑:程序博客网 时间:2024/06/15 01:31
一个cookie的例子:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript"> document.cookie = "UserName = paul;expires=Tue, 28 Dec 2020 00:00:00;";</script></head><body><p>This page just created a kookie</p></body></html>
cookie字符串
当创建一个cookie 时,需要创建一个cookie字符串,包含 6 个子串: name , value , expires(过期时间), path(路径), domain(域)和secure(安全)。其中后面4 个是可选的
name 用来引用该cookie ,value 则是该cookie 所保存的信息。name/value 对 是必须要设置的,且需要放置在字符串开始。
UserName = paul;上面即为名为Username , 值为 paul .
expires ,如果不设置,则为会话cookie,用户关闭浏览器之后cookie就过期。过期时间的格式根重要,必须与 toGMTString( ) 方法返回的格式相同。该方法用于发挥一个Date 对象的 GMT 时间。
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script type="text/javascript">/*获取当前时间*/var expireDate = new Date();/*将过期时间设置为当前时间+7秒之后*/expireDate.setMilliseconds(expireDate.getMilliseconds()+7000);/*这里注意需要将日期格式设置为GMT格式*/document.cookie = "UserName = paul;expires="+expireDate.toGMTString()+";"; /*这里expireDate.toGMTString()为什么加双引号???*/</script></head><body><p>This page just created a kookie</p></body></html>但是如果用户删掉cookie 或者浏览器所能支持的 cookie 数量达到上限,cookie就在在过期时间之前失效。
secure:是一个布尔值,如果设置为true,则该cookie 将仅在浏览器和服务器通过SSL(安全套接层)安全协议连接时才会被传输。通常情况下不用指定,只通过一个普通的HTTP 连接来传输。
创建cookie
创建一个cookie函数:
function setCookie (cookieName,cookieValue,cookiePath,cookieExpires){/*将特殊字符进行编码*/cookieValue=escape(cookieValue);if(cookieExpires==""){var nowDate = new Date(); nowDate.setMonth(nowDate.getMonth()+6);cookieExpires=nowDate.toGMTSrting();}if(cookiePath!=""){cookiePath="; path="+cookiePath;}document.cookie=cookieName+"="+cookieValue+";"+"cookieExpires="+cookieExpires+";"+cookiePath;}cookie中name以及value中不可以含有特殊字符,比如空格,分号等等,这里的escape( )函数将 可以对特殊字符进行转义,将非字母转义成十六进制编码。同样可以用unescape()来解码。
使用setCookie 函数:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>set cookie</title><script type="text/javascript">function setCookie (cookieName,cookieValue,cookiePath,cookieExpires){cookieValue=escape(cookieValue);if(cookieExpires==""){var nowDate = new Date(); nowDate.setMonth(nowDate.getMonth()+6);cookieExpires=nowDate.toGMTString();}if(cookiePath!=""){cookiePath="; path="+cookiePath;} /*设置cookie函数*/ document.cookie=cookieName+"="+cookieValue+";"+"cookieExpires="+cookieExpires+";"+cookiePath;}setCookie("Name","bob","","");setCookie("Age","18","","");setCookie("FirstVisite","10 may 2007","","");alert(document.cookie);</script></head><body></body></html>
1 0
- javascript入门经典--笔记9 cookie
- 【JS】【笔记】JavaScript入门经典(第5版)第10章 JavaScript和cookie
- JAVAscript入门经典---笔记1
- javascript入门经典---笔记3
- JavaScript入门经典 学习笔记
- javascript入门经典--笔记4 表单
- javascript入门经典--笔记 8 时间,计时器
- javascript 入门经典--笔记10 -- event事件
- javascript入门经典 ---笔记11--导航
- 笔记:JavaScript 保存 Cookie
- javascript cookie学习笔记
- JavaScript操作Cookie笔记
- 【JS】【笔记】JavaScript入门经典(第5版)第9章 响应事件
- 笔记练习:《Javascript入门经典(第5版)》page89_7.9_Practice
- 笔记练习:《Javascript入门经典(第5版)》page115_9.9_Practice
- JAVAscript入门经典---笔记2 math 数组等方法
- javascript入门经典---笔记6 (打开新窗口)
- javascript入门经典---笔记7 字符串操作(1)
- 真正的实时操作系统
- 【leetcode 数组】Sort Colors
- C语言文件操作fgets()
- Android:不同Activity之间的数据传递
- 两个虚拟机互相ping不通
- javascript入门经典--笔记9 cookie
- 微信获取apk公钥的方法(提供源代码)
- 判断两个apk的签名一致
- IE7浏览器不支持body的overflow为hidden的bug解决方法
- android 在listview上面的Textview实现html解析并且图片异步宽高布局重新适配
- 第11周项目6之输出1000以内所有素数
- java基础学习-零星笔记3
- 项目六,输入数n,输出n以内的回文素数
- ES6箭头函数和它的作用域