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. USACO 2006 November Gold Fence Repair /// 贪心(有意思)(优先队列) oj23940

    题目大意: 输入N ( 1 ≤ N ≤ 20,000 ) :将一块木板分为n块 每次切割木板的开销为这块木板的长度,即将长度为21的木板分为13和8,则开销为21 接下来n行描述每块木板要求的长度Li ...

  2. 建立 CRAMFS 包

    下载 cramfs 工具 从 http://prdownloads.sourceforge.net/cramfs/cramfs­1.1.tar.gz下载源代码包. 把下载包拷贝到 dev_home/t ...

  3. 洛谷P2371 [国家集训队]墨墨的等式

    P2371 [国家集训队]墨墨的等式 题目描述 墨墨突然对等式很感兴趣,他正在研究a1x1+a2y2+-+anxn=Ba_1x_1+a_2y_2+-+a_nx_n=Ba1​x1​+a2​y2​+-+a ...

  4. android中实现监听的四种方法

    (1)自身类作为事件监听器 package cn.edu.gdmec.s07150745.work5; import android.support.v7.app.AppCompatActivity; ...

  5. Python全栈开发：初识Python

    Pythton简介 python的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本解释程序,作为ABC语 ...

  6. JavaScript数组的2种定义方式

    JavaScript中没有数组类型,JavaScript中数组是以内置对象的形式存在的. 数组是存储多个值的集合(仓库). JS中定义数组的2种方式: 1.使用new Array()构造函数定义数组 ...

  7. 使用Cookie实现用户商品历史浏览记录

    该功能分为四个模块: 1. 获取所有商品并以链接的形式显示 out.write("网站商品: <br/>"); Map<String, Book> book ...

  8. BZOJ2741:[FOTILE模拟赛]L

    Description FOTILE得到了一个长为N的序列A,为了拯救地球,他希望知道某些区间内的最大的连续XOR和. 即对于一个询问,你需要求出max(Ai xor Ai+1 xor Ai+2 .. ...

  9. c++ static关键字的作用

    1.被申明的函数或值无法被其他源文件使用 2.static的第二个作用是保持变量内容的持久.(static变量中的记忆功能和全局生存期) 存储在静态数据区的变量会在程序刚开始运行时就完成初始化,也是唯 ...

  10. BZOJ 3090: Coci2009 [podjela] (树形背包)

    3090: Coci2009 [podjela] Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 45  Solved: 31[Submit][Statu ...