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. 菲波那切数列(Fibonacci Number)

    什么是菲波那切数列?自己google一下,面试题里面经常遇到,考试递归算法用的. 在菲波那切数列中用递归不太好.第三种算法最好. 第一 递归算法最差了,不想说.测试一下,当N=6000时,半天出不来数 ...

  2. Android开发 使用SparseArray代替HashMap[转载]

    源作者:Android小Y链接:https://www.jianshu.com/p/1828f14d7955来源:简书 前言 Android开发中,一个好的应用,除了要有吸引人的功能和交互之外,在性能 ...

  3. Codeforces 388D Fox and Perfect Sets

    链接:CF388D 题目大意 给定一个数\(n\),求选择\(0 \sim n\)中任意个数的数字组成的集合\(S\)中,有多少满足若\(a\in S,b\in S\),则\(a \bigoplus ...

  4. Jmeter性能测试 入门【转】

    Jmeter性能测试 入门[转] Jmeter是一款优秀的开源测试工具, 是每个资深测试工程师,必须掌握的测试工具,熟练使用Jmeter能大大提高工作效率. 熟练使用Jmeter后, 能用Jmeter ...

  5. thinkphp 快捷查询

    快捷查询方式是一种多字段查询的简化写法,可以进一步简化查询条件的写法,在多个字段之间用|分割表示OR查询,用&分割表示AND查询,可以实现下面的查询,例如: 大理石平台价格 一.不同字段相同的 ...

  6. Quartz：Quartz

    ylbtech-Quartz:Quartz Quartz是OpenSymphony开源组织在Job scheduling领域又一个开源项目,它可以与J2EE与J2SE应用程序相结合也可以单独使用.Qu ...

  7. 03_springmvc整合mybatis

    一.整合思路 springmvc+mybaits的系统架构: 第一步整合dao层:mybatis和spring整合:通过spring管理mapper接口,使用mapper的扫描器自动扫描mapper接 ...

  8. Maven编译资源文件拷贝

    <build> <finalName>op-balance-job-service</finalName> <plugins> <plugin&g ...

  9. CAS添加验证码功能

    1.  cas.war 下面的web-inf/web.xml  lib添加  kaptcha.jar kaptcha.jar通过maven获取 <dependency> <group ...

  10. HBase 概念视图