JavaScript提供的Cookie属性有哪些

javascript提供的cookie属性有:expires属性(声明cookie的到期时间),max-age属性(声明cookie活动的最大时间),domain属性(定义有效域名),path属性。

JavaScript提供的Cookie属性有哪些

Cookie是什么?

Cookie是服务器端和客户端之间持续存在的大量信息,Web浏览器在浏览时会将这些信息存储下来。

Cookie通常采用以分号分隔的name-value对的形式来将信息作为字符串包含;它维护用户的状态并记住网页中的用户信息。

如何在JavaScript中创建Cookie?

立即学习“Java免费学习笔记(深入)”;

在JavaScript中,我们可以使用document.cookie属性创建,读取,更新和删除cookie 。

创建cookie的基本语法:

document.cookie = “name = value” ;

登录后复制

JavaScript的Cookie属性

JavaScript提供了一些可选属性来增强cookie的功能,我们来看看这些属性:

expires属性:

可以将cookie的状态保持到指定的日期和时间;也就是说,它声明了表示cookie活动期间的日期和时间,是创建持久cookie的方法之一。

例:设置“username = 【创想鸟】”对的cookie的有效期到2030年,8月20日,12:00:00

document.cookie = “username = 【创想鸟】; expires = Sun,20 Aug 2030 12:00:00 UTC” ;

登录后复制

注:expires属性,一旦声明的时间是过去(任何过去的时间都可以),就会自动删除cookie;它也是删除cookie的一种方法。

例:设置有效期到1970年,1月1日,00:00:00

document.cookie = "username=【创想鸟】; expires= Thu, 01 Jan 1970 00:00:00 GMT";

登录后复制

max-age属性

可以将cookie的状态保持到指定的时间,时间是以秒为单位计算的。它也是创建持久cookie的方法之一。

document.cookie = "username =【创想鸟】; max-age ="  +(60 * 60 * 24 * 365)+";"

登录后复制

注:使用max-age属性同样可以删除cookie,只需要向max-age属性提供零或负数(表示秒数)就可。

 document.cookie = "name = 【创想鸟】; max-age = 0" ;

登录后复制

domain属性

它是用于指定cookie有效的域;使得cookie在指定域名中,才会有效。

假设我们为domain属性提供任何域名,例如:

domain = php .cn

登录后复制

这里,cookie对给定域及其所有子域都有效。

但是,如果我们为属性提供任何子域,例如:

domain=img.php .cn

登录后复制

这里,cookie仅对给定的子域有效。因此,给cookie提供域名而不是子域名来让cookie在指定域名下有效是一种更好的方法。

path属性:将cookie的范围扩展到网站的所有页面

JavaScript Cookie的简单示例

示例:JavaScript创建Cookie,获取Cookie,读取Cookie

function setCookie(cname,cvalue,exdays){var d = new Date();d.setTime(d.getTime()+(exdays*24*60*60*1000));var expires = "expires="+d.toGMTString();document.cookie = cname+"="+cvalue+"; "+expires;}function getCookie(cname){var name = cname + "=";var ca = document.cookie.split(';');for(var i=0; i<ca.length; i++) {var c = ca[i].trim();if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }}return "";}function checkCookie(){var user=getCookie("username");if (user!=""){alert("欢迎 " + user + " 再次访问");}else {user = prompt("请输入你的名字:","");  if (user!="" && user!=null){    setCookie("username",user,30);    }}}

登录后复制

效果图:

JavaScript提供的Cookie属性有哪些

当输入名字,按“确定”按钮后,刷新当前页面,会出现:

3.jpg

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上就是JavaScript提供的Cookie属性有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2735334.html

(0)
上一篇 2025年3月8日 01:14:49
下一篇 2025年2月17日 23:02:34

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JavaScript 提升(Hoisting)是什么

    hoisting是javascript 中的一种机制,它可以将变量和函数的声明移到最顶部;让我们可以在声明它们之前使用变量和函数,也就是说:让变量和函数可以先使用再声明。 本篇文章就给大家介绍JavaScript的提升机制(Hoisting…

    2025年3月8日 编程技术
    200
  • javascript如何执行调试

    javascript中执行调试的方法有:1、使用console.log()方法调试,该方法可以将结果显示在浏览器的控制台中;2、通过关键字“debugger”设置断点来逐步检查每行代码。 本文操作环境:windows7系统,DELL G3电…

    2025年3月8日 编程技术
    200
  • 在JavaScript中如何创建对象

    对象是属性的集合,变量数组也是一种对象,对象可用于管理数据,属性就是添加了以名称(属性名称)为前缀的特定名称(值),本篇文章我们就来详细介绍一下javascript对象的用法。 我们先来看如何创建一个对象 创建一个traffic_light…

    2025年3月8日 编程技术
    200
  • 如何使用JavaScript操作字符串

    JavaScript可以对字符串进行各种操作,比如,字符串输出、字符串连接以及转义字符,本篇文章我们就来详细介绍关于JavaScript操作字符串的方法。 一、使用JavaScript输出字符串    在JavaScript中,想要输出字符…

    2025年3月8日 编程技术
    200
  • JavaScript中的算术运算符怎么使用

    JavaScript中的算术运算符可用于计算和输出值,包括加减乘除和余数的操作,本篇文章我们就来具体介绍JavaScript中算术运算符的用法,下面我们来看具体的内容。 算术运算符加减乘除和余数的符号分别是“+、-、*、/、%”。 我们来看…

    2025年3月8日 编程技术
    200
  • 如何使用JavaScript实现输入对话框

    我们有时在网页上进行注册用户信息时会出现弹窗进行提示,你需要输入内容进行确认,那么,这样的输入对话框是怎么实现的呢?本篇文章就来介绍关于使用javascript实现输入对话框的方法。 我们可以使用prompt显示输入对话框 要在JavaSc…

    2025年3月8日 编程技术
    200
  • 如何使用JavaScript实现弹窗警告

    我们在浏览网页时,可能会遇到某个网页不能访问或者访问不安全,这个时候就会弹出一个警告的对话框,那么,这个弹出的对话框我们可以怎么实现呢?本篇文章就来给大家介绍使用JavaScript实现这个弹窗警告的方法。下面我们来看具体的内容。 对于这种…

    2025年3月8日
    200
  • JavaScript的JSON对象如何使用

    在javascript中,json对象中包含了两个方法:parse()方法、stringify()方法;使用json对象的这两个方法可以实现json字符串和javascript对象的互相转换。接下来的这篇文章就来给大家介绍关于javascr…

    2025年3月8日
    200
  • JavaScript中数组如何使用

    JavaScript中的数组是经常需要用到的,那么JavaScript数组具体如何使用呢?本篇文章就来给大家分享一下JavaScript中数组的用法。 话不多说,我们来看具体示例~ 在数组中,可以在一个括号中放置多个值。 立即学习“Java…

    2025年3月8日 编程技术
    200
  • JavaScript中class是什么?怎么使用?

    class是一个关键字,用于处理ECMAScript 2015采用的JavaScript类,ECMAScript 2015(ekma脚本)是JavaScript的标准规范。由国际组织标准化,在Google Chrome和Internet E…

    2025年3月8日
    200

发表回复

登录后才能评论