html结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cookies</title> </head> <body > </body> </html>
定义了三个函数：设置cookis，检查cookie以及触发函数
// 我们会创建一个可在 cookie变量中存储访问者姓名的函数
function setCookies(name,value){
var expdate = new Date();
expdate.setTime(expdate.getTime() + 30*60*1000);
console.log(expdate);
document.cookie = name+"="+value+";expire="+expdate.toUTCString()+";path=/";
}
// 创建另一个函数来检查是否已设置 cookie：
function getCookies(c_name){
if(document.cookie.length>0){
var c_start = document.cookie.indexOf(c_name+‘=‘);
if(c_start != -1){
c_start = c_start + c_name.length + 1;
var c_end = document.cookie.indexOf(";",c_start)
if(c_end == -1){
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(1);
if(req.url == ‘/favicon.ico‘){
res.end();
}else{
hetTemplate(res,urlIndex);
}
}).listen(2016,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文件在同一目录下，当然你科一不这样做，改一下源码吧
时间： 2024-10-12 09:14:20