`

JS 对cookie 的一些操作

 
阅读更多
转自网络
js读取cookie,js添加cookie,js删除cookie,2008-09-26 10:02示例如下: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>cookie处理函数练习(为我所写，非我所想:改善面向对象)</title>
<script language="JavaScript" type="text/javascript">
function addCookie(objName,objValue,objHours){//添加cookie
   var str = objName + "=" + escape(objValue);
   if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失
    var date = new Date();
    var ms = objHours*3600*1000;
    date.setTime(date.getTime() + ms);
    str += "; expires=" + date.toGMTString();
   }
   document.cookie = str;
   alert("添加cookie成功");
}

function getCookie(objName){//获取指定名称的cookie的值
   var arrStr = document.cookie.split("; ");
   for(var i = 0;i < arrStr.length;i ++){
    var temp = arrStr[i].split("=");
    if(temp[0] == objName) return unescape(temp[1]);
   } 
}

function delCookie(name){//为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间
   var date = new Date();
   date.setTime(date.getTime() - 10000);
   document.cookie = name + "=a; expires=" + date.toGMTString();
}

function allCookie(){//读取所有保存的cookie字符串
   var str = document.cookie;
   if(str == ""){
    str = "没有保存任何cookie";
   }
   alert(str);
}

function $(m,n){
   return document.forms[m].elements[n].value;
}

function add_(){
   var cookie_name = $("myform","cookie_name");
   var cookie_value = $("myform","cookie_value");
   var cookie_expireHours = $("myform","cookie_expiresHours");
   addCookie(cookie_name,cookie_value,cookie_expireHours);
}

function get_(){
   var cookie_name = $("myform","cookie_name");
   var cookie_value = getCookie(cookie_name);
   alert(cookie_value);
}

function del_(){
   var cookie_name = $("myform","cookie_name");
   delCookie(cookie_name);
   alert("删除成功");
}
</script>

</head>
<body>
<form name="myform">
   <div><label for="cookie_name">名称</label><input type="text" name="cookie_name" /></div>
   <div><label for="cookie_value">值</lable><input type="text" name="cookie_value" /></div>
   <div><label for="cookie_expireHours">多少个小时过期</lable><input type="text" name="cookie_expiresHours" /></div>
   <div>
    <input type="button" value="添加该cookie" onclick="add_()" />
    <input type="button" value="读取所有cookie" onclick="allCookie()" />
    <input type="button" value="读取该名称cookie" onclick="get_()" />
    <input type="button" value="删除该名称cookie" onclick="del_()" />
   </div>
</form>
<hr />
</body>
</html>
分享到：
| js字数限制 删除多余的字符
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript 操作cookie.js

    javascript 操作cookiejavascript 操作cookiejavascript 操作cookie

    JS Cookie的操作

    这篇博客“JS Cookie的操作”将深入探讨如何利用JavaScript进行Cookie的创建、读取和删除，以及一些相关的实用技巧。 一、Cookie的基本概念 Cookie是由服务器端设置并发送到客户端（浏览器）的一小段文本信息，...

    js对cookie操作的封装

    无论是使用纯JavaScript还是jQuery，了解基本的Cookie操作原理对于Web开发者来说都是必要的。在实际项目中，可以根据需求选择合适的操作方式，或者利用已有的库进行扩展。同时，要注意处理Cookie的大小限制（通常为4...

    javascript 对cookie 的读写操作

    javascript对cookie的日常操作

    Javascript Cookie操作类的封装

    本文将详细讲解如何封装一个Cookie操作类，实现对Cookie的增删改查功能。 首先，理解Cookie的基本概念是必要的。Cookie是由服务器端发送到浏览器并保存在本地的一个小文本文件，它由键值对组成，每个键值对之间用...

    js-cookie.js

    js_cookie源码下载，js-cookie用于操作cookie，笔者是因为一开始不会弄，后来会整下来了，鉴于自身经历，故将其分享出来。

    封装cookieJS操作

    cookie的一些操作函数的封装，如：添加、删除、获取cookie中key对应的Value值、判断cookie是否存在

    CookiesjsJavaScript客户端的Cookie操作库

    "Cookies.js - JavaScript 客户端的Cookie操作库" 进一步明确了这个库是Cookies.js，它是专门为JavaScript开发设计的，主要功能是在用户浏览器上执行Cookie的相关操作。作为客户端库，它使得开发者无需后端服务器...

    基于原生js对cookie操作的库支持typescript

    基于原生js对cookie操作的库支持typescript，获取，设置删除 方法及报错处理

    Js 操作cookie源码封装

    Js 操作cookie源码封装Js 操作cookie源码封装

    js操作cookie（增删改查）

    在JavaScript中，Cookie是一...通过上述方法，你可以对JavaScript中的Cookie有深入的理解，并能有效地进行操作。如果你需要处理更复杂的情况，如处理多个Cookie或考虑跨域问题，可能需要查阅更多的文档或使用相关的库。

    js操作cookie

    js操作cookiejs操作cookiejs操作cookiejs操作cookie

    js操作cookie.pdf

    2. JavaScript操作Cookie JavaScript可以通过document.cookie属性来读取、设置和删除cookie。document.cookie是一个字符串，包含了当前域下的所有cookie，各cookie之间以分号和空格分隔。 3. 读取Cookie 要读取特定...

    JQuery对cookie操作

    **jQuery对Cookie的操作** 在Web开发中，Cookie是一种在客户端存储少量信息的机制，它能够帮助我们实现用户会话管理、个性化设置等功能。jQuery库提供了一套方便的API，使得处理Cookie变得更加简单。本文将详细介绍...

    js cookie操作

    用JS 操作COOKIE的增删改

    javascript cookie 操作框架 XCookie

    JavaScript Cookie 操作框架 XCookie 是一个用于方便地管理和操作浏览器cookies的工具，它简化了JavaScript中处理cookie的复杂性。在Web开发中，cookies经常被用来存储用户状态、会话信息或其他临时数据，而XCookie...

    JS cookie 操作工具类

    JS cookie 操作工具类,对cookie的设置 读取 删除 ，有效期的设置等

    浏览器中使用JS操作Cookie详解

    使用原生JS操作方法在上篇文章中已经写过，原生JS虽然更简单，但是操作起来还是比较费力的，下面我们一起来看下更加简单方便的几种方法。 1.jQuery Cookie ​jQuery Cookie是一个简单、轻巧的jQuery插件，主要用于...

Magicbox
Global site tag (gtag.js) - Google Analytics