JS 如何创建、读取和删除cookie( 二 )

click the Button to View Result:

复制代码运行:
JS 如何创建、读取和删除cookie

文章插图
 
改变 cookie
通过使用 JS,咱们可以像创建 cookie 一样改变它:
document.cookie = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";复制代码这样旧 cookie 会被覆盖 。
事例:
<html> <head><script type = "text/JavaScript"> <!-- function WriteCookie() { var now = new Date(); now.setMonth( now.getMonth() + 1 ); cookievalue = https://www.isolves.com/it/cxkf/yy/js/2019-09-04/escape(document.myform.customer.value) + ";"document.cookie = "name=" + cookievalue; document.cookie = "expires=" + now.toUTCString() + ";" document.write ("Setting Cookies : " + "name=" + cookievalue ); } //-->
Enter name:
复制代码运行:
JS 如何创建、读取和删除cookie

文章插图
 
删除 cookie
删除 cookie 非常简单,不必指定 cookie 值:直接把 expires 参数设置为过去的日期即可:
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";复制代码应该定义 cookie 路径以确保删除正确的 cookie 。如果不指定路径,有些浏览器不会让咱们删除 cookie 。
事例:
<html> <head><script type = "text/javascript"> <!-- function WriteCookie() { var now = new Date(); now.setMonth( now.getMonth() - 1 ); cookievalue = https://www.isolves.com/it/cxkf/yy/js/2019-09-04/escape(document.myform.customer.value) + ";"document.cookie = "name=" + cookievalue; document.cookie = "expires=" + now.toUTCString() + ";" document.write("Setting Cookies : " + "name=" + cookievalue ); } //-->
Enter name:
复制代码代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug 。

【JS 如何创建、读取和删除cookie】


推荐阅读