html结构

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>cookies</title>

</head>

<body onload="checkCookie()">

</body>

</html>

定义了三个函数：设置cookis，检查cookie以及触发函数

       // 我们会创建一个可在 cookie变量中存储访问者姓名的函数

        function setCookies(name,value){

            var expdate = new Date();

            expdate.setTime(expdate.getTime() + **);

            console.log(expdate);

            document.cookie = name+"="+value+";expire="+expdate.toUTCString()+";path=/";

        }

        // 创建另一个函数来检查是否已设置 cookie：

        function getCookies(c_name){

            if(document.cookie.length>){

                var c_start = document.cookie.indexOf(c_name+'=');

                if(c_start != -){

                    c_start = c_start + c_name.length + ;

                    var c_end = document.cookie.indexOf(";",c_start)

                    if(c_end == -){

                        c_end = document.cookie.length;

                    }

                    return unescape(document.cookie.substring(c_start,c_end))

                }

            }

            return "";

        }

        // 检测 cookis

        function checkCookie(){

            var username = getCookies('username');

            if(username!=null && username!=""){

                alert("Welcome again "+ username+" !");

            }else{

                username = prompt('Please enter your name:',"");

                if(username!=null && username!=""){

                    setCookies('username',username)

                }

            }

        }

完成！但是你会发现在你的浏览器内没有看到效果？？？

这是怎么回事呢，我们需要一个服务环境，为了方便我搭建了一个简单的node环境

http.js

var http = require('http');

var fs = require('fs');

var querystring = require('querystring');

// 侦听服务器的request事件

http.createServer(function(req,res){

    var urlIndex = req.url.substring();

    if(req.url == '/favicon.ico'){

        res.end();

    }else{

        hetTemplate(res,urlIndex);

    }

}).listen(,function(){console.log('run!')});

function hetTemplate(res,urlIndex){

    fs.readFile('./'+urlIndex+'.html',function(err,data){

        if(err) {

            return hadError(err,res);

        }else{

            res.end(data)

        }

    })

}

function hadError(err,res){

    console.log(err);

    res.end('Server error');

}

ok！现在我们可以尽情的测试了！

访问方式：locahost：2016/文件名称

http文件和你的html文件在同一目录下，当然你科一不这样做，改一下源码吧

怎么写cookie的更多相关文章

  1. 跨域写cookie

    假设a站想往b站写cookie,那么目前有两种方案,参考如下: 第一种(使用jsonp): a站js代码如下: $.ajax({ url: 'http://www.b.com/jsonp.jsp?do ...

  2. 单元测试写cookie

    我们在开发WEB项目的时候,一般应用逻辑跟ASPX页面是分离的项目.应用逻辑一般会是一个DLL组件项目.如果这个组件项目中A方法使用了Session.Cookie等信息的读写,则这个方法就很难写单元测 ...

  3. PHP 跨域写cookie

    实际工作中,类似这样的要求很多,比如说,我们有两个域名,我们想实现在一个域名登录后,能自动完成另一个域名的登录,也就是PASSPORT的功能. 我只写一个大概,为了测试的方便,先编辑hosts文件,加 ...

  4. asp.net,cookie,写cookie,取cookie

    Cookie是一段文本信息,在客户端存储 Cookie 是 ASP.NET 的会话状态将请求与会话关联的方法之一.Cookie 也可以直接用于在请求之间保持数据,但数据随后将存储在客户端并随每个请求一 ...

  5. .NET，Cookie，写Cookie，取Cookie

    Cookie是一段文本信息,在客户端存储 Cookie 是 ASP.NET 的会话状态将请求与会话关联的方法之一.Cookie 也可以直接用于在请求之间保持数据,但数据随后将存储在客户端并随每个请求一 ...

  6. asp.net,cookie,写cookie,取cookie（转载）

    Cookie是一段文本信息,在客户端存储 Cookie 是 ASP.NET 的会话状态将请求与会话关联的方法之一.Cookie 也可以直接用于在请求之间保持数据,但数据随后将存储在客户端并随每个请求一 ...

  7. tomcat 8.5 及其 9.0 response写cookie 设置damain为 [.test.com] 出错 An invalid domain [.test.com] was specified for this cookie

    抛出异常: java.lang.IllegalArgumentException: An invalid domain [.test.com] was specified for this cooki ...

  8. .net学习之Session、Cookie、手写Ajax代码以及请求流程

    1.IIS 7 以上版本集成了两种模式,一种是经典模式,一种是集成模式(直接将asp.net框架集成到IIS中) 2.浏览器和服务器端通过什么技术来实现的?Socket(套接字),通信的语法是HTTP ...

  9. .NET获取不到js写的cookie解决方法

    今晚使用javascript设置一个来路的cookie,之后使用ASP.NET获取这个cookie值,发现ASP.NET获取不到JS设置的cookie值,真郁闷中,以下是JS写Cookie的代码: C ...

随机推荐

  1. 用 JS 点击左右按钮 使图片切换 - 最精简版-ljx2380000-ChinaUnix博客

    body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI ...

  2. Redis状态和信息查看

    转自:http://my.oschina.net/tongyufu/blog/405612 redis-cli连接服务器后,使用info命令查看Redis信息和状态: INFO [section] 以 ...

  3. (简单) ZOJ 3209 Treasure Map , DLX+精确覆盖。

    Description Your boss once had got many copies of a treasure map. Unfortunately, all the copies are ...

  4. Javascript Fromdata 与jQuery 实现Ajax文件上传以及文件的删除

    前端HTML代码: <!DOCTYPE html> <html> <head> <title>ajax</title> <script ...

  5. [Unity Quaternion]四元数Quaternion的计算方式

    什么是Quaternion四元数 1843年,William Rowan Hamilton发明了四元数,但直到1985年才有一个叫Ken Shoemake的人将四元数引入计算机图形学处理领域.四元数在 ...

  6. HUST 1351 Group

    (莫名其妙的被一个叫布布扣的网站收录了......什么鬼) 简单DP.dp[i][j]表示把前i个数字分成j段的最优解, 递推式很容易写: (其中sum[]是前缀和:p <= i - L,并且前 ...

  7. 一种比较简单的在USB U盘中访问nandflash的方法

    u8 nandflash_write_buffer[NAND_SERECT_FULL_SIZE]; static int currentBlock = -1; static int currentPa ...

  8. 以太网数据包、IP包、TCP/UDP 包的结构（转）

    源:以太网数据包.IP包.TCP/UDP 包的结构 版本号(Version):长度4比特.标识目前采用的IP协议的版本号.一般的值为0100(IPv4),0110(IPv6). IP包头长度(Head ...

  9. HTML 学习笔记 JQuery（表单,表格 操作）

    表单应用 一个表单有3个基本组成部分 (1)表单标签:包含处理表单数据所用的服务器端程序URL 以及数据提交到服务器的方法 (2)表单域:包含文本框 密码框 隐藏框 多行文本框 复选框 单选框 下拉选 ...

  10. iOS UICollectionView 长按移动cell

    ref:http://www.jianshu.com/p/31d07bf32d62 iOS 9之后: 示例如下 效果 前言: 看完你可以学到哪些呢? 就是文章标题那么多, 只有那么多. . 手残效果图 ...