1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <script> 7 //cookie创建 8 //document.cookie="name=value";//名值对 9 //document.cookie="name=wangyang; pass=123456"//只有第一个有效 10 //document.cookie="name=wangyang&pass=123456"//不是常规写法 11 //document.cookie="age="+encodeURIComponent("中文");//多个cookie时由分号空格分隔 12 /* 13 旧的浏览器，中文会产生乱码问题，解决方案： 14 先编码，再解码 15 encodeURIComponent 16 decodeURIComponent 17 另一种 18 escape 19 unescape 20 */ 21 //var d=new Date(); 22 //d.setDate(d.getDate()-1);//当前时间加1天 23 //alert(d) 24 //cookie保存时间 25 //document.cookie="name=wangyang; expires="+d.toGMTString();//不写toGMTString时，IE不支持 26 27 //修改就是重新赋值，删除就是把过期时间调整到当前时间之前 28 //document.cookie="name=wangyang" 29 //document.cookie="name=wang" 30 31 //指定可访问cookie的主机名 32 /* 33 www.baidu.com/1.html 34 mp3.baidu.com/ 35 */ 36 //document.cookie("name=wang; domain=.baidu.com") 37 38 //默认情况下，如果在某个页面创建一个cookie，那么该页面所在的目录中的其他页面也可以访问该cookie 39 //如果这个目录下还有子目录，则在子目录中也可以访问 40 //外围的其他目录不允许访问 41 /* 42 /a/1.html 43 /b/2.htm 44 */ 45 //document.cookie("name=wang; path=/a")//表示仅a目录有权访问 46 47 48 49 //获取cookie 50 //alert(document.cookie+' '+decodeURIComponent(document.cookie)) 51 //alert(typeof document.cookie)//类型为字符串 52 //alert(document.cookie) 53 54 55 //addCookie("uname", "gblw2", 2); 56 alert(getCookie("uname")) 57 58 59 function addCookie(_name, _value, _day){ 60 var d = new Date(); 61 d.setDate(d.getDate()+_day); 62 document.cookie=_name+"="+_value+"; expires="+d.toGMTString(); 63 } 64 65 function getCookie(_name){ 66 // key=value; key2=value; key3=value 67 var str=""; 68 var col=document.cookie.split("; "); 69 for(var i in col){ 70 var arr=col[i].split("="); 71 if(arr[0]==_name){ 72 str=arr[1]; 73 break; 74 } 75 } 76 return str; 77 } 78 79 80 81 82 </script> 83 </head> 84 85 <body> 86 <pre> 87 HTTP是一个客户端和服务器端请求和应答的标准（TCP/IP协议）。客户端是终端用户，服务器端是网站。通过使用Web浏览器，客户端发起一个到服务器上指定端口（默认端口为80）的HTTP请求。HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求，服务器（向客户端）发回一个状态行，比如"HTTP/1.1 200 OK"，和（响应的）消息，消息的消息体可能是请求的文件、错误消息、或者其它一些信息。 88 89 无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间。 90 无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时它的应答就较快。 91 92 93 94 cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。 95 96 它可以用于以下几种场合： 97 98 （1）保存用户登录状态。例如将用户id存储于一个cookie内，这样当用户下次访问该页面时就不需要重新登录了，现在很多论坛和社区都提供这样的功能。 cookie还可以设置过期时间，当超过时间期限后，cookie就会自动消失。因此，系统往往可以提示用户保持登录状态的时间：常见选项有一个月、三个 月、一年等。 99 100 （2）跟踪用户行为。例如一个天气预报网站，能够根据用户选择的地区显示当地的天气情况。如果每次都需要选择所在地是烦琐的，当利用了 cookie后就会显得很人性化了，系统能够记住上一次访问的地区，当下次再打开该页面时，它就会自动显示上次用户所在地区的天气情况。因为一切都是在后 台完成，所以这样的页面就像为某个用户所定制的一样，使用起来非常方便。 101 102 （3）定制页面。如果网站提供了换肤或更换布局的功能，那么可以使用cookie来记录用户的选项，例如：背景色、分辨率等。当用户下次访问时，仍然可以保存上一次访问的界面风格。 103 104 （4）创建购物车。正如在前面的例子中使用cookie来记录用户需要购买的商品一样，在结账的时候可以统一提交。例如淘宝网就使用cookie记录了用户曾经浏览过的商品，方便随时进行比较。 105 106 107 cookie的缺点主要集中于安全性和隐私保护。主要包括以下几种： 108 109 （1）cookie可能被禁用。当用户非常注重个人隐私保护时，他很可能禁用浏览器的cookie功能； 110 （2）cookie是与浏览器相关的。这意味着即使访问的是同一个页面，不同浏览器之间所保存的cookie也是不能互相访问的； 111 （3）cookie可能被删除。因为每个cookie都是硬盘上的一个文件，因此很有可能被用户删除； 112 （4）cookie安全性不够高。所有的cookie都是以纯文本的形式记录于文件中，因此如果要保存用户名密码等信息时，最好事先经过加密处理。 113 </pre> 114 </body> 115 </html>