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设置和读取cookie的例子

    请看下面用javascript设置和读取cookie的简单例子,现在的问题是,如果要设置的是一个cookie集,比如在cookie1集中有uname,uid两组信息,应该如何写呢?cookie(&qu ...

  2. JavaScript简单入门(补充篇)

    本文是对上一篇 JavaScript简单入门 的一些细节补充. 一.全局变量和局部变量 在<script>标签内定义的变量是当前页面中的全局变量.即 <script>标签可以直 ...

  3. 简述在javascript和jquery中cookie的使用

    html <body onload="cookieJar()"></body> javascript <script href="../st ...

  4. 《javascript高级程序设计》读书笔记（一）javascript简单介绍

    第一章:javascript简单介绍 Netscape Navigator 开发的javascript   Javascript的实现有三部分: 1.核心(ECMAScript):提供核心语言功能. ...

  5. Javascript 简单实现鼠标拖动DIV

    http://zhangbo-peipei-163-com.iteye.com/blog/1740078 比较精简的Javascript拖动效果函数代码 http://www.jb51.net/art ...

  6. JavaScript学习笔记-简单的欢迎cookie

    0<!DOCT0000YPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml&quo ...

  7. 利用javascript跨域访问cookie之广告推广

    在上一篇<说一说javascript跨域和jsonp>中,利用JSONP进行了跨域的数据访问,利用JS本身的跨域能力在远端生成HTML结构的方式完成了一个小广告. 在实际应用中, 跨域使用 ...

  8. JavaScript中的document.cookie的使用

    转:http://blog.csdn.net/liuyong0818/article/details/4807473 我们已经知道,在 document 对象中有一个 cookie 属性.但是 Coo ...

  9. JavaScript(第二十八天)【Cookie与存储】

    随着Web越来越复杂,开发者急切的需要能够本地化存储的脚本功能.这个时候,第一个出现的方案:cookie诞生了.cookie的意图是:在本地的客户端的磁盘上以很小的文件形式保存数据.   一．Cook ...

  10. [Java Web] 4、JavaScript 简单例子(高手略过)

    内容概览: JavaScript简介 JavaScript的基本语法 JavaScript的基本应用 JavaScript的事件处理 window对象的使用 JavaScript简介: JavaScr ...

随机推荐

  1. 【左偏树】[LuoguP1456] Monkey King

    多...多组数据... awsl 死命的MLE,原来是忘记清空数组了.... 左偏树模板? 对于每一个操作,我们把两个节点$x,y$的祖先$fx,fy$找到,然后把他们的左右儿子分别合并 最后把$v[ ...

  2. 【学术篇】SPOJ-DISQUERY

    一道傻逼链剖我TM总共差不多写了一小时,调了将近一天!!!!!! 题目传送门:http://www.spoj.com/problems/DISQUERY/ 嗯,偷偷递小广告:SPOJ是个挺好的OJ ( ...

  3. Android开发 控件阴影详情

    如何给控件设置阴影? <com.google.android.material.tabs.TabLayout android:id="@+id/tablayout" andr ...

  4. bzoj1433 假期的宿舍

    题意:给你一些人可以睡某某人的床,问是否有所有人都睡下的方案?n<=50. 二分图最大匹配. 用邻接矩阵比较舒服. 标程: #include<cstdio> #include< ...

  5. 莫烦PyTorch学习笔记(三)——激励函数

    1. sigmod函数 函数公式和图表如下图     在sigmod函数中我们可以看到,其输出是在(0,1)这个开区间内,这点很有意思,可以联想到概率,但是严格意义上讲,不要当成概率.sigmod函数 ...

  6. 大数据、AI“武装”企业服务：风控、检索、安全

    大数据.AI“武装”企业服务:风控.检索.安全 小饭桌创业课堂2017-05-06 15:26:42阅读(127)评论(0) + - 文|吴杨可月 - - 小饭桌创业研究院出品 - 两件秘闻,将美国大 ...

  7. 杂项-公司：Apple

    ylbtech-杂项-公司:Apple 苹果公司(Apple Inc. )是美国的一家高科技公司.由史蒂夫·乔布斯.斯蒂夫·沃兹尼亚克和罗·韦恩(Ron Wayne)等人于1976年4月1日创立,并命 ...

  8. iOS之CAGradientLayer属性简介和使用

    1.CAGradientLayer简介 CAGradientLayer用于制作背景图层的颜色渐变,也就是颜色梯度!相关属性简介: #import <QuartzCore/CALayer.h> ...

  9. Django logging 的配置方法

    做开发离不开日志,以下是我在工作中写Django项目常用的logging配置. BASE_LOG_DIR = os.path.join(BASE_DIR, "log") LOGGI ...

  10. Nodejs之路（二）—— Nodejs再入门

    一.在Node中使用模板引擎 js代码: // art-template不仅可以在浏览器使用,也可以在node中使用 // 1.安装 npm install art-temlate模板引擎 // 2. ...