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. cocosstdio之字体之文本和FNT字体

    FNT字体和文本字体的作用是:导入字体资源可以使用字体资源便可以使用其资源内的字体来在程序中使用 不同的是FNT字体资源内容比较少,所以个人猜想可以在特定情况下使用: 两种字体资源对比: 赋值过程对比 ...

  2. Opensource开源精神

    现在如火如荼的开源运动和互联网自由开放的精神是一致的,互联网上有无数非常优秀的像Linux一样的开源代码,我们千万不要高估自己写的代码真的有非常大的“商业价值”.那些大公司的代码不愿意开放的更重要的原 ...

  3. android oncreate获取宽高度

    gridView = (GridView) getView().findViewById(R.id.gridView_musicbook); gridView.getViewTreeObserver( ...

  4. 构建 ARM Linux 4.7.3 嵌入式开发环境 —— U-BOOT 引导 Kernel

    经过若干天的反复测试,搜索.终于成功利用 Qemu 在 u-boot 下引导 ARM Linux 4.7.3 内核.如下详细解释整个构建过程. 准备环境 运行环境:Ubuntu 16.04 需要的虚拟 ...

  5. Install pyodbc in OpenSUSE

    Install pyodbc in OpenSUSE: Install unixODBC-2.3.2 ./configure --prefix=/usr/local/unixODBC --enable ...

  6. 理解 OpenStack + Ceph （2）：Ceph 的物理和逻辑结构 [Ceph Architecture]

    本系列文章会深入研究 Ceph 以及 Ceph 和 OpenStack 的集成: (1)安装和部署 (2)Ceph RBD 接口和工具 (3)Ceph 物理和逻辑结构 (4)Ceph 的基础数据结构 ...

  7. [转]Oracle 分组聚合二种写法，listagg和wmsys.wm_concat

    本文转自:http://www.cnblogs.com/ycdx2001/p/3502495.html with temp as( select 'China' nation ,'Guangzhou' ...

  8. cuda中thread id

    //////////////////////////////////////////////////////////////////////////// // // Copyright 1993-20 ...

  9. Gprinter热敏打印机光栅位图点阵数据解析工具

    最近参与的项目有一个需求,解析佳博热敏打印机的光栅位图点阵数据并保存为图片文件.数据是通过Bus Hound抓取的,如下图所示. 其中1b 40为初始化打印机的指令,对应的ASCII码为ESC @,1 ...

  10. Codeforces Round #285 (Div.1 B & Div.2 D) Misha and Permutations Summation --二分+树状数组

    题意:给出两个排列,求出每个排列在全排列的排行,相加,模上n!(全排列个数)得出一个数k,求出排行为k的排列. 解法:首先要得出定位方法,即知道某个排列是第几个排列.比如 (0, 1, 2), (0, ...