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

 更新时间:2015年04月07日 10:24:57   作者:work24  
这篇文章主要介绍了JavaScript使用cookie记录临时访客信息的方法,涉及javascript操作cookie的技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • 微信小程序自定义可滑动日历界面

    微信小程序自定义可滑动日历界面

    这篇文章主要为大家详细介绍了微信小程序自定义可滑动日历界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JSON stringify方法原理及实例解析

    JSON stringify方法原理及实例解析

    这篇文章主要介绍了JSON stringify方法原理及实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • js使用文件流下载csv文件的实现方法

    js使用文件流下载csv文件的实现方法

    这篇文章主要给大家介绍了关于js使用文件流下载csv文件的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • FusionCharts图表显示双Y轴双(多)曲线

    FusionCharts图表显示双Y轴双(多)曲线

    项目中需要FusionCharts图表显示双Y轴,好像FCF_MSLine.swf不可以这样,只能显示一个Y轴,多条线,找了一下,用MSCombiDY2D.swf可以实现,现在晒出来和大家分享一下
    2012-11-11
  • 点击标签切换和自动切换DIV选项卡

    点击标签切换和自动切换DIV选项卡

    点击标签切换DIV的效果,在很多地方都有见到过,而且实现的方法有很多,本例介绍的这个可以切换和自动切换DIV选项卡
    2014-08-08
  • javascript中如何将字符串转换成数字

    javascript中如何将字符串转换成数字

    这篇文章主要介绍了javascript中如何将字符串转换成数字问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • JavaScript中Promise的简单使用及其原理详解

    JavaScript中Promise的简单使用及其原理详解

    Promise是ES6最重要的特性之一,今天小编就来带大家一起系统且细致的研究一下Promise的用法以及原理,感兴趣的小伙伴可以学习一下哦
    2023-03-03
  • JS功能代码集锦

    JS功能代码集锦

    这篇文章主要介绍了JS功能代码集锦 的相关资料,需要的朋友可以参考下
    2016-05-05
  • js实现在文本框光标处添加字符的方法介绍

    js实现在文本框光标处添加字符的方法介绍

    在开发应用中,经常会遇到一些技术上的问题,比如:怎样让js在文本框光标处添加字符,本文将以此问题进行详细介绍,需要了解的朋友可以参考下
    2012-11-11
  • uniapp实现日期时间选择器

    uniapp实现日期时间选择器

    这篇文章主要为大家详细介绍了uniapp实现日期时间选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10

最新评论