千家信息网

JavaScript如何创建一个欢迎cookie

发表于:2025-11-11 作者:千家信息网编辑
千家信息网最后更新 2025年11月11日,小编给大家分享一下JavaScript如何创建一个欢迎cookie,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、实例代码 创建一个欢迎
千家信息网最后更新 2025年11月11日JavaScript如何创建一个欢迎cookie

小编给大家分享一下JavaScript如何创建一个欢迎cookie,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

一、实例代码

        创建一个欢迎cookie    

二、实例演示

第一次页面加载完后跳出确认框

输入信息后点击确定,确认框消失,这个时候cookie已经创建

然后刷新页面,会从cookie中读取用户信息

因为设置了过期时间,所以关闭浏览器再打开还是会显示访问信息

查看cookie情况:

可以清楚的看见cookie的存储

三、实例剖析

方法解析:

alert("欢迎 " + user + " 再次访问");

alert(message) 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
message:要在 window 上弹出的对话框中显示的纯文本(而非 HTML 文本)

user = prompt("请输入你的名字:", "");

prompt((text,defaultText) 方法用于显示可提示用户进行输入的对话框。
text:可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。
defaultText:可选。默认的输入文本。

var d = new Date();d.setTime(d.getTime() + (exdays*24*60*60*1000));

Date()方法返回当前的日期时间

setTime(millisec)在1970年01月01日上添加毫秒数,然后返回新的日期。
millisec:必需的,是一个毫秒值

getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
setTimegetTime方法都与1970年1月1日有关

var expires = "expires=" + d.toGMTString();

toGMTString() 方法可根据格林威治时间 (GMT) 把 Date 对象转换为字符串,并返回结果。

var ca = [xss_clean].split(';');

split() 方法用于把一个字符串分割成字符串数组。

var c = ca[i].trim();

去除字符串的头尾空格

if(c.indexOf(name) == 0)

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

return c.substring(name.length, c.length);

substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。

实例执行原理解析:

页面js总共由三个函数组成,checkCookie()setCookie()getCookie()

这里在body的onload属性上写了一个函数

checkCookie(),当页面加载完后,便会自动执行checkCookie()函数里的代码

首先通过getCookie()函数获取用户信息

getCookie函数中:
var ca = [xss_clean].split(’;’);生成的ca字符串数组长度为1,就是cookie的值,如果有多个cookie的话,中间会用;符号分割

然后通过判断获取的字符是否为空来判断获取结果,如果不为空则直接弹出弹窗欢迎用户,如果为空说明还没有访问过,弹出弹窗让用户输入信息记录,然后调用setCookie()函数来记录用户信息

在setCookie()函数中设置cookie方式

[xss_clean] = "username=John Doe; expires=Sun, 31 Dec 2017 12:00:00 UTC";
通过把 cookie 名称、cookie 值和过期时间字符串相加,该函数就设置了 cookie。

看完了这篇文章,相信你对"JavaScript如何创建一个欢迎cookie"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

0