JavaScript使用cookie记录临时访客信息的方法


Posted in Javascript onApril 07, 2015

本文实例讲述了JavaScript使用cookie记录临时访客信息的方法。分享给大家供大家参考。具体分析如下:

这里用户第一次访问网页时会提示用户输入一个昵称,然后写入cookie,当用户再次来到时会读取cookie信息,提取用户昵称,欢迎用户的到来

<!DOCTYPE html>
<html>
<head>
<script>
function getCookie(c_name)
{
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1)
 {
 c_start = c_value.indexOf(c_name + "=");
 }
if (c_start == -1)
 {
 c_value = null;
 }
else
 {
 c_start = c_value.indexOf("=", c_start) + 1;
 var c_end = c_value.indexOf(";", c_start);
 if (c_end == -1)
  {
  c_end = c_value.length;
  }
 c_value = unescape(c_value.substring(c_start,c_end));
 }
return c_value;
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
 {
 alert("Welcome again " + username);
 }
else
 {
 username=prompt("Please enter your name:","");
 if (username!=null && username!="")
  {
  setCookie("username",username,365);
  }
 }
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
Jul 10 Javascript
热点新闻滚动特效的js代码
Aug 17 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
基于jQuery实现最基本的淡入淡出效果实例
Feb 02 Javascript
js图片轮播效果实现代码
Apr 18 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
JS实现一个简单的日历
Feb 22 Javascript
vuex的简单使用教程
Feb 02 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
Sep 30 Javascript
es6函数之尾调用优化实例分析
Apr 25 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 #Javascript
javascript实现画不相交的圆
Apr 07 #Javascript
JavaScript使用setTimeout实现延迟弹出警告框的方法
Apr 07 #Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
Apr 06 #Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 #Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 #Javascript
JavaScript输出当前时间Unix时间戳的方法
Apr 06 #Javascript
You might like
pdo中使用参数化查询sql
2011/08/11 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
使用jquery插件实现图片延迟加载技术详细说明
2011/03/12 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
JQuery下拉框应用示例介绍
2014/04/23 Javascript
jQuery晃动层特效实现方法
2015/03/09 Javascript
javascript实现动态标签云
2015/10/16 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
2016/05/16 Javascript
极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg
2016/05/27 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
jquery实现异步加载图片(懒加载图片一种方式)
2017/04/24 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
2018/02/02 jQuery
vue全局组件与局部组件使用方法详解
2018/03/29 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
Python实现字典依据value排序
2016/02/24 Python
python使用正则筛选信用卡
2019/01/27 Python
Python3内置模块之base64编解码方法详解
2019/07/13 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
Python如何批量生成和调用变量
2020/11/21 Python
CSS3 实现侧边栏展开收起动画
2014/12/22 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
美国派对用品及装饰品网上商店:Shindigz
2016/07/30 全球购物
GafasWorld西班牙:购买太阳镜、眼镜和隐形眼镜
2019/09/08 全球购物
医药个人求职信范文
2014/01/29 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技