1 0<!DOCT0000YPE html>
2
3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <meta charset="utf-8" />
6 <title>小白学JavaScript</title>
7 </head>
8 <body onload="checkCookie()">
9
10 <script>
11 //新建cookie（定义一个方法新建cookie）
12 function setCookie(cname,cvalue,eadays ) { //设置一个名字为cname，值为cvalue，过期天数为eadays的cookie
13 var d = new Date(); //定义一个日期对象
14 d.setTime(d.getTime() + (eadays * 24 * 60 * 60 * 1000)); //设置一个过期时间，getTime() 为获取当前时间 + （eadays天数*24小时*60分钟*60秒*1000毫米）这里是将其换算成毫秒，因为getTime()获取的时间都是毫秒为单位的
15 var expires = "expires=" + d.toGMTString(); //将获取到的时间转为字符串输出
16 document.cookie = cname + "=" + cvalue + ";" + expires; //输出cookie cookie名字：cookie值；cookie到期时间
17 };
18
19 //读取cookie（定义一个方法读取cookie）
20 function getCookie(cname) { //读取名字为cname的cookie
21 var name = cname + "="; //定义name为cookie名字=
22 var ca = document.cookie.split(';'); //将cookie以分号;为界将其分割为数组,即为：[cookie名字：cookie值，cookie到期时间]
23 for (var i = 0; i < ca.length; i++) {
24 var c = ca[i].trim(); //删除第i个ca字符串首位的空格
25 if (c.indexOf(name) == 0) return c.substring(name.length, c.length); //如果name在c里首次出现的位置等于0，也就是处于第一个的时候，就返回c下标为（name.length, c.length）的字符
26 } return ""; //否则返回一个空
27
28 };
29
30 //自动检测cookie（最后在这里来通过判断来调用决定何时如何调用以上两种方法）
31 function checkCookie() {
32 var user = getCookie("username"); //定义调用getCookie()这个方法，并为其赋值username
33 if (user != "") { //判断，如果这个方法不为空，也就是cookie不为空的时候
34 alert("Welcome again " + user); //弹出一个欢迎该用户的窗口
35 } else {
36 user = prompt("请输入您的名字:", ""); //否则就弹出一个提示用户输入名字的窗口
37 if (user != "" && user != null) { //判断如果getCookie()这个方法读取到值，不为空和null的时候
38 setCookie("username", user, 30); //就调用setCookie()这个方法新建一个名为username，值为user，过期天数为30天的cookie
39 };
40 };
41 };
42
43
44
45
46 /* 方法解释
47 split()方法用于把一个字符串分割成字符串数组
48 var str = "How are you doing today?"
49
50 document.write(str.split(" ") + "<br />") //显示为：How,are,you,doing,today?
51 document.write(str.split("") + "<br />") //显示为：H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
52 document.write(str.split(" ", 3)) //显示为：How,are,you
53
54 //trim()方法用于删除字符串首部和尾部的空格，但会保留字符串内部作为词与词之间分隔的空格
55
56 //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置
57
58 //substring() 方法用于提取字符串中介于两个指定下标之间的字符
59 var str = "Hello world!"
60
61 document.write(str.substring(3, 7)) //显示为：lo w */
62
63 </script>
64
65
66 </body>
67 </html>
