`
panqili2120
  • 浏览: 88055 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

JavaScript操作Cookie 之 CRUD

阅读更多

   JavaScript操作Cookie 之 CRUD

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>JS操作Cookie</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script type="text/javascript">
  <!--
  /**
   * JS操作Cookie
   *
   * @Author Qipan Lee
   * @Email imqipan@gmail.com
   * @Date  2011-06-16
   *
   */
String.prototype.trim = function() {
	return this.toString().replace(/((^\s)* |(\s$))*/g, '');
}
/** 删除所有 */
function delCookies() {
	var cookarr=document.cookie.toString().split(";");
	var timeout = new Date();
	timeout.setTime(timeout.getTime() - 1);
	for (var i=0;i<cookarr.length;i++){
	   var cookarrsub=cookarr[i].split(":");
	   document.cookie=cookarrsub[0]+"="+cookarrsub[1]+";expires="+timeout.toString();
	}
}
/** 删除指定 */
function delCookieBy(key) {
	 var timeout = new Date();
   timeout.setTime(timeout.getTime() - 1);
   var val=getCookieValueBy(key);
   if(val != null) document.cookie = key + "=" + val + ";expires=" + timeout.toGMTString();
}
/** 获取指定Cookie */
function getCookieValueBy(key) {
	var cookieArr = document.cookie.toString().split(";");
	for (var i=0; i<cookieArr.length; i++){
	   var cookieSubArr = cookieArr[i].split("=");
	   if (cookieSubArr[0].trim() === (key + '')){
		return cookieSubArr[1];break;
	   }
	}
	return undefined;
}
/** 更新Cookie */
function updateCookie(key, value) {
	addCookie (key, value);
}
/** 添加Cookie,假如Cookie已存在,则直接更新 */
function addCookie (key, value) {
	window.document.cookie = key + "=" + value;
	return true;
}

//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/** 测试 */
function testView(){
alert(window.document.cookie);
}
  //-->
  </script>
 </head>

 <body>
  <button value="添加" onclick="addCookie(1, 'a')">添加1</button>
  <button value="添加" onclick="addCookie(2, 'b')">添加2</button>
  <button value="添加" onclick="addCookie(3, 'c')">添加3</button>
  <button value="添加" onclick="addCookie(4, 'd')">添加4</button>

  
  <button value="添加" onclick="delCookieBy(4, 'd')">删除4</button>


  <button value="添加" onclick="addCookie(4, 'e')">更新4为e</button>
  <button value="添加" onclick="alert(getCookieValueBy(4));">查看4的值</button>

  <button value="查看当前cookie" onclick="testView(4, 'd')">查看</button>
 </body>
</html>
 
0
0
分享到:
评论

相关推荐

    jCookie:一个jQuery插件,用于简单方便的cookie处理

    jCookie-一个jQuery-Plugin,为与CRUD相关的cookie处理提供方便的api 例子 创建和更新: jQuery.jCookie('cookie','value'); 删除: jQuery.jCookie('cookie',null); 阅读: jQuery.jCookie('cookie'); ...

    Event-Manager:MERN堆栈Auth和CRUD Web应用程序

    事件管理器 一个Web应用程序,它可以... 它应该包括数据库URL,端口,机密和Cookie名称 .env文件示例 DB_URL = mongodb + srv:// : @ event-manager.ul235.mongodb.net / * ?retryWrites = true&w = majority PRIV

    SpringJavaScriptShowCase:SpringBootJavaScriptAJAXCookie

    SpringBootJavaScriptShowCase SpringBoot JavaScript展示柜Spring MVC和Pure JavaScript的展示柜使用纯/原始JavaScript: 从下拉列表中获取选定的“值”和“索引值” 从API URL填充DropDown 纯JS CRUD 具有内联编辑...

    Relationship-Manager:铁院。 具有用户身份验证和 Parse 后端的 Angular CRUD 应用程序

    具有用户身份验证和 Parse 后端的 Angular CRUD 应用程序。 可交付成果 技术 HTML CSS 萨斯 JavaScript AngularJS 引导程序,UI 引导程序 字体真棒 下划线 用户身份验证、cookie 头像 拍摄 蜜蜂 解析 BaaS ...

    NodeCursus:Node.js学习路径

    该项目旨在研究NODEjs及其相关的所有内容:数据库,REST API,GRAPHQL,身份验证,会话,cookie,CRUD,MVC,模板引擎等。 这是通过一个简单的电子商店项目完成的。 已为路径的每个主题创建了一个Git分支,以便能够...

    Cookies:小型包装程序库,可与Cookie一起使用

    证明浏览器中cookie的简单CRUD操作 安装 $ yarn add https://github.com/IBM/cookies.git 如何使用 import Cookies from "cookies" ; Cookies . set ( "mykey" , "myvalue" , 1 ) ; // Set for 1 day const res = ...

    pokedex-express-finale:具有用户帐户的Pokedex全栈CRUD应用程序

    如何使用cookie-parser向浏览器添加和删除cookie 如何使用Postgres数据库( pg包)替换jsonfile进行数据读/写 如何使用SHA256组合进行用户身份验证以对纯文本密码进行哈希处理并在浏览器中存储cookie 那是很多新...

    webapp_spring2021_assignment4

    沃克斯特类别: CSCI4800-E01 日期: 4/14/21 作业: 4个在线社交网络学习目标:我们的目标是通过在后端mongo数据库中添加CRUD操作,使用护照进行身份验证,登录/注销功能,Flash消息和会话Cookie来增加上一堂课的...

    frontend_engineers_must_know:使用Vanilla Javascript构建的辅助项目

    #JS事件冒泡和事件委托原型继承和古典继承执行上下文,闭合提升,函数和块作用域绑定–专门调用,绑定,应用和词法化此Ajax实现承诺Promise实现querySelector实现retryOnFailure回调与Promise展平数组cookie,...

    Dave:Dave-一种基于节点的代码生成工具

    网页版正在逐步更新:采用Cookie和存储缓存,Dave绝不存储用户一分信息(包含操作信息等)。 网页版地址(个人开源均不提供测试数据库): ://dave.zzf9.com/ 网页版特色功能 优点 可不下载代码,在线直接链接...

    yiiframework官方最新版,包括源程序、api、文档

     3、与jQuery整合:作为最流行的JavaScript框架之一,jQuery可以编写高效而灵活的JavaScript接口。  4、表单输入和验证:YII使得收集表单输入非常容易和安全。 Yii拥有一套确保数据的有效性的验证器,它也有辅助...

    SyncCalendar

    具有日历和用户的CRUD操作(用于管理员角色)。 本地时区和日历时区之间的时差。 按用户或日历名称搜索过滤器。 使用Next.JS API路由的REST API端点。 可用脚本 在项目目录中,可以运行: yarn dev yarn build ...

    fhir.js:FHIRJavaScript客户端

    fhir.js FHIRJavaScript客户端目标: 支持FHIR CRUD操作友好而富有表现力的查询语法支持在angular,jQuery,extjs等中提供惯用接口的适配器支持访问控制(HTTP基本,OAuth2,Cookie) ...发展需要Node.js进行构建。 ...

    simple-login

    更多快递 身份验证和所有这些 目标 ...利用内存存储和 cookie 来... 楷模: Mongoose 模型:使用 Mongo 执行 CRUD bcryptJS:你知道是谁吗!!!!???!!!? 开始设置(7 分钟) 为自己设置一个项目文件夹。 mkdi

    asp.net知识库

    完整的在.net后台执行javascript脚本集合 ASP.NET 中的正则表达式 常用的匹配正则表达式和实例 经典正则表达式 delegate vs. event 我是谁?[C#] 表达式计算引擎 正式发布表达式计算引擎WfcExp V0.9(附源码) 运算...

    ast-base-PHP-framework

    许多功能是: 许多类可以帮助您编写代码: 配置类:加载您的配置变量 Cookie 类:Cookie 处理程序 DB 类:一个抽象数据库类 表单类:扩展输入类:使处理表单和输入更容易 哈希类:创建和使用哈希处理 IncludeFiles ...

    SERN-Auth-Template:SQL,Express,React和Node.js堆栈的身份验证模板

    SERN-Auth-Template S QL, E xpress, R eact和N ode.js 作为从事多个需要身份验证的应用程序的Web开发人员,我想要一个模板,可以用来快速,有效地向我的任何应用程序添加... 通过SQL数据库CRUD功能 用于构建RESTf

    BangGuseokTV_backend

    BangGuseokTV백앤드 电视방구석로젝트에서사용하는다。 인증이언트와의인증,인증리,대기열리알고다。... Cookie설정을다전달합니다。대기열 在setTimeout()中下载다구현했습니。 在地图上找到Array数组。

    encrypted-contacts

    为了处理数据,它使用了节点快速服务器和CRUD API 测试位于src/__tests__/App.test.tsx ; 为了更多地保护联系人,我决定将所有联系人字段及其数据存储为加密格式,因此将很难获得例如仅包含数字的电话。 该应用...

    nodejs_authentication

    在 Node.js 中使用用户身份验证的简单 CRUD 工具:"bcrypt": "^0.8.0" "body-parser": "^1.10.0" "connect-flash": "^0.1.1" "cookie-session": "^1.1.0" "ejs": "^1.0.0" "express": "^4.10.4" "method-override...

Global site tag (gtag.js) - Google Analytics