JavaScript原生读写Cookie方法详解

作者:小括号

时间:2026-10-29

浏览:546

本文介绍如何使用原生JavaScript进行Cookie的读写操作,无需依赖任何JS库。通过set_it和read_it两个函数,演示了如何设置Cookie的过期时间、转义字符串以及读取并解析Cookie数据,适用于基础前端开发场景。

文章目录

JavaScript原生Cookie读写方法

本文通过具体实例,详细阐述了利用JavaScript语言对Cookie进行读取和写入操作的具体方法。

该方案不依赖任何第三方JS库,完全采用JavaScript内置方法直接实现对Cookie的读写功能。


<HTML>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
function set_it() {
  var the_text="name=yourName&";
  var toexpire= new Date("March 15, 2008");
  var expdate="expires="+toexpire.toGMTString();
  the_text+=expdate;
  var newtext=escape(the_text);
  document.cookie=newtext;
}
function read_it() {
 if (document.cookie) {
  var mycookie=document.cookie;
  var fixed_cookie= unescape(mycookie);
  var thepairs= fixed_cookie.split("&");
  var pair1= thepairs[0];
  var pair2= thepairs[1];
  var namevalue1= pair1.split("=");
  alert("read");
  alert("Welcome, "+namevalue1+"!");
 } else {
  alert("set");
  set_it();
 }
}
read_it();
//-->
</SCRIPT>
</BODY>
</HTML>

期望本文提供的解决方案能为广大JavaScript程序开发人员提供有益的参考与帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章