0<!DOCT0000YPE html>

 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <meta charset="utf-8" />

     <title>小白学JavaScript</title>

 </head>

 <body onload="checkCookie()">

     <script>

         //新建cookie（定义一个方法新建cookie）

         function setCookie(cname,cvalue,eadays ) {                      //设置一个名字为cname，值为cvalue，过期天数为eadays的cookie

             var d = new Date();                                         //定义一个日期对象

             d.setTime(d.getTime() + (eadays * 24 * 60 * 60 * 1000));    //设置一个过期时间，getTime() 为获取当前时间 + （eadays天数*24小时*60分钟*60秒*1000毫米）这里是将其换算成毫秒，因为getTime()获取的时间都是毫秒为单位的

             var expires = "expires=" + d.toGMTString();                 //将获取到的时间转为字符串输出

             document.cookie = cname + "=" + cvalue + ";" + expires;     //输出cookie  cookie名字：cookie值；cookie到期时间

         };

         //读取cookie（定义一个方法读取cookie）

         function getCookie(cname) {                                                     //读取名字为cname的cookie

             var name = cname + "=";                                                     //定义name为cookie名字=

             var ca = document.cookie.split(';');                                        //将cookie以分号;为界将其分割为数组,即为：[cookie名字：cookie值，cookie到期时间]

             for (var i = 0; i < ca.length; i++) {

                 var c = ca[i].trim();                                                   //删除第i个ca字符串首位的空格

                 if (c.indexOf(name) == 0) return c.substring(name.length, c.length);    //如果name在c里首次出现的位置等于0，也就是处于第一个的时候，就返回c下标为（name.length, c.length）的字符

             } return "";                                                                //否则返回一个空

         };

         //自动检测cookie（最后在这里来通过判断来调用决定何时如何调用以上两种方法）

         function checkCookie() {

             var user = getCookie("username");             //定义调用getCookie()这个方法，并为其赋值username

             if (user != "") {                             //判断，如果这个方法不为空，也就是cookie不为空的时候

                 alert("Welcome again " + user);            //弹出一个欢迎该用户的窗口

             } else {

                 user = prompt("请输入您的名字:", "");     //否则就弹出一个提示用户输入名字的窗口

                 if (user != "" && user != null) {         //判断如果getCookie()这个方法读取到值，不为空和null的时候

                     setCookie("username", user, 30);      //就调用setCookie()这个方法新建一个名为username，值为user，过期天数为30天的cookie

                 };

             };

         };

         /*  方法解释

         split()方法用于把一个字符串分割成字符串数组

         var str = "How are you doing today?"

         document.write(str.split(" ") + "<br />")   //显示为：How,are,you,doing,today?

         document.write(str.split("") + "<br />")    //显示为：H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

         document.write(str.split(" ", 3))           //显示为：How,are,you

         //trim()方法用于删除字符串首部和尾部的空格，但会保留字符串内部作为词与词之间分隔的空格

         //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置

         //substring() 方法用于提取字符串中介于两个指定下标之间的字符

         var str = "Hello world!"

         document.write(str.substring(3, 7))          //显示为：lo w  */

     </script>

 </body>

 </html>

JavaScript学习笔记-简单的欢迎cookie的更多相关文章

  1. JavaScript学习笔记——简单无缝循环滚动展示图片的实现

    今天做了一个简单的无缝循环滚动的实例,这种实例在网页中其实还挺常见的,下面分享一下我的学习收获. 首先,无缝滚动的第一个重点就是——动.关于怎么让页面的元素节点动起来,这就得学明白关于JavaScri ...

  2. JavaScript学习笔记-简单的倒计时跳转页面

    <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  3. JavaScript学习笔记-简单的计时钟表

    <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> ...

  4. Java程序猿JavaScript学习笔记（2——复制和继承财产）

    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...

  5. Java程序猿JavaScript学习笔记（4——关闭/getter/setter）

    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...

  6. Java程序猿的JavaScript学习笔记（12——jQuery-扩展选择器）

    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...

  7. Javascript学习笔记四——操作表单

    Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...

  8. Javascript学习笔记三——操作DOM（二）

    Javascript学习笔记 在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原 ...

  9. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一．GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二．querySelector( ...

随机推荐

  1. Linux IPC socket编程基础

    头文件 #include<unistd.h> #include <sys/types.h> #include <sys/socket.h> #include< ...

  2. TCP的关闭，到底是几次握手，每次的标志位到底是什么！

    做题的时候遇到一个问题,TCP关闭的时候到底是三次还是四次握手,如果是三次,少了哪部分?   按照 <计算机网络> -第五版-谢希仁       然而对于TCP关闭, 有的地方能找到   ...

  3. HashMap的工作原理深入再深入

    前言 首先再次强调hashcode (==)和equals的真正含义(我记得以前有人会说,equals是判断对象内容,hashcode是判断是否相等之类): equals:是否同一个对象实例.注意,是 ...

  4. 150922-写写博客监督下不自觉的自己-PPT,Linux,HTML

    开始学PHP的日子里,总是懒散的有一天没一天的.无意间听闻写博客来展示代码(现在还远远做不到哇),来监督个人每天的学习进度,鉴于自己还是爱写一点文字,但愿可以坚持下去. 凡是都喜欢有个计划,骨子里的理 ...

  5. 最小生成树POJ3522 Slim Span[kruskal]

    Slim Span Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 7594   Accepted: 4029 Descrip ...

  6. Java面向对象一

    一.面向过程的思想和面向对象的思想 面向对象和面向过程的思想有着本质上的区别, 作为面向对象的思维来说,当你拿到一个问题时,你分析这个问题不再是第一步先做什么,第二步再做什么,这是面向过程的思维,你应 ...

  7. VIM的强大功能

    转发地址:http://coolshell.cn/articles/5426.html 简明 Vim 练级攻略   vim的学习曲线相当的大(参看各种文本编辑器的学习曲线),所以,如果你一开始看到的是 ...

  8. NOI 2002 营业额统计 (splay or fhq treap)

    Description 营业额统计 Tiger最近被公司升任为营业部经理,他上任后接受公司交给的第一项任务便是统计并分析公司成立以来的营业情况. Tiger拿出了公司的账本,账本上记录了公司成立以来每 ...

  9. ipone5 无法安装ipa软件

    iphone5s软件无法安装解决方法一,点击设置 - 通用 - 访问限制,先关闭“安装应用程序”选项,再打开,把后台应用程序刷新也关了,测试. iphone5s软件无法安装解决方法二,点击设置 - 通 ...

  10. ASP.NET常用页面指令

    1.<%@Page "属性"="值"%>指令 AutoEventWireup:指定页的事件是否自动绑定,默认值true为启用自动绑定. CodeBe ...