您好,登录后才能下订单哦!
这篇文章给大家分享的是有关JavaScript提供的Cookie属性是什么的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
JavaScript提供的Cookie属性有:expires属性(声明Cookie的到期时间),max-age属性(声明Cookie活动的最大时间),domain属性(定义有效域名),path属性。
Cookie是什么?
Cookie是服务器端和客户端之间持续存在的大量信息,Web浏览器在浏览时会将这些信息存储下来。
Cookie通常采用以分号分隔的name-value对的形式来将信息作为字符串包含;它维护用户的状态并记住网页中的用户信息。
如何在JavaScript中创建Cookie?
在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
<script> 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); } } } </script>
效果图:
当输入名字,按“确定”按钮后,刷新当前页面,会出现:
感谢各位的阅读!关于JavaScript提供的Cookie属性是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。