千家信息网

JavaScript如何创建一个欢迎cookie

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,小编给大家分享一下JavaScript如何创建一个欢迎cookie,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、实例代码 创建一个欢迎
千家信息网最后更新 2025年01月19日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"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

字符 方法 字符串 函数 用户 输入 信息 文本 页面 实例 时间 名字 对话框 按钮 对话 之间 代码 再次 名称 数组 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 网络安全我们该做什么 杭州百世网络技术有限公司存续 世界上最混乱的服务器手游 电商软件开发方案 手机指纹软件开发公司 网络安全就业前景通信 数据库中日志文件后缀是什么 东莞家政软件开发报价 天津惠普服务器虚拟化定制服务器 智慧仓储管理使用哪种服务器 新硕网络技术有限公司 asp读取根目录数据库文件 网络安全和phyo 数据库中查找相同元组的运算 研究移动数据库 图数据库数据存储方法 数据库原理函数依赖有哪些 搭建免费iptv服务器教程 搞软件开发工作心得简短一句话 杭州传橙网络技术有限公司是什么 赣州软件开发有什么学校 天气预报服务器原理 网络安全交互广告设计 航天广电网络广播服务器操作界面 dnf无法连接服务器网络中断 漫威超级战争怎么进服务器 多服务器虚拟化 搞软件开发工作心得简短一句话 数据库 时分秒 服务器可以协同办公吗
0