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>
分享到：
相关推荐
CRUD代表创建（Create）、读取（Read）、更新（Update）和删除（Delete），是数据库操作的基础。而Login则是用户身份验证过程，确保只有授权用户能够访问受保护的系统资源。 EXT CRUD的核心在于EXTJS的Grid组件，它...
在本课程中，我们将深入探讨Node.js项目开发中的核心概念，特别是如何实现音乐资源的创建、读取、更新和删除（CRUD）操作以及中间件的编写。Node.js作为一个基于Chrome V8引擎的JavaScript运行环境，它允许我们在...
"TrashHalo-go-crud"就是一个这样的开源项目，它利用Go语言实现了基本的CRUD（创建、读取、更新、删除）操作，适用于构建简单的待办事项应用程序。这个项目通过传统的表单、模板和会话管理技术，展现了Go语言在Web...
开发者需要创建数据库和表，然后通过Express应用与数据库进行连接，执行CRUD操作。 以下是项目中可能涉及的关键知识点： 1. **Express基础**：理解路由、中间件和响应处理，例如设置`app.get()`和`app.post()`来...
在 JavaScript 中，CRUD（Create、Read、Update、Delete）是数据库操作的基本概念，对应创建、读取、更新和删除数据。将 LocalStorage 与 CRUD 结合，可以实现离线存储和增强 Web 应用的功能，尤其对于单页应用（SPA...
这个代码库显然包含了实际应用中的多种关键功能，如CRUD（创建、读取、更新、删除）操作、身份验证以及高级模式，这些都是构建现代Web应用程序不可或缺的部分。 首先，让我们深入了解一下CRUD操作。CRUD是数据库...
这个项目的核心目标是实现数据的增删改查（CRUD）操作，并结合用户认证功能，使得用户体验更加便捷。以下是这些技术在项目中的具体应用和相关知识点的详细解释： 1. **Servlet**： Servlet是Java编程语言中用于...
例如，创建用户表、电影表和评论表，并实现CRUD（创建、读取、更新、删除）操作。 7. **RESTful API**：为了实现前后端分离，服务器可能提供了RESTful API接口，前端通过这些接口与后端进行通信。这些接口遵循特定...
10. **用户认证和授权**：如果crud_app需要用户登录，那么可能会涉及到用户认证和权限控制，例如使用session或cookie来管理用户状态。 11. **前端技术**：尽管主要讨论的是PHP和数据库部分，但前端技术如HTML、CSS...
"crud-auth-app"是一个基于JavaScript开发的应用程序，主要涉及CRUD（创建、读取、更新、删除）操作和用户认证功能。在这个应用中，开发者可能使用了JavaScript的现代特性，如ES6语法、Promise或者async/await来处理...
"js"文件则很可能包含了实现WebSQL数据库操作的JavaScript代码，包括创建数据库、定义表结构、执行CRUD操作等。 总的来说，这个项目利用WebSQL提供了一个在浏览器中存储和操作数据的功能，通过JavaScript和HTML实现...
这个"employee-CRUD-MEAN"项目是一个基于MEAN栈实现的员工信息管理系统的示例，涵盖了创建(Create)、读取(Retrieve)、更新(Update)和删除(Delete)（即CRUD操作）的基本功能。下面将详细介绍这些知识点： 1. **...
本项目“nodeproject”旨在帮助初学者理解如何利用Node.js进行CRUD（创建、读取、更新和删除）操作，这是任何Web应用的基础。 1. **JavaScript基础**： - JavaScript是Node.js的核心语言，它是一种动态类型的脚本...
它支持常见的CRUD操作，如get、put、delete等。 7. **社区支持**: remoteStorage项目有活跃的开发者社区，不断进行改进和扩展，提供了丰富的教程、示例代码和插件，帮助开发者快速集成到他们的应用中。 8. **隐私...
8. **状态管理**：例如，使用session或cookie来跟踪用户的登录状态和操作权限。 9. **响应式设计**：考虑到不同设备的显示需求，可能采用了响应式布局，使界面在手机、平板电脑和桌面电脑上都能正常工作。 10. **...
在Node.js中，我们可以借助Mongoose库来操作MongoDB，定义数据模型，执行CRUD操作。 在这个实例中，开发流程大致如下： 1. 安装Node.js环境，并利用npm（Node Package Manager）安装Express、ejs和mongoose等相关...
例如，使用PDO（PHP Data Objects）或mysqli扩展进行数据库连接和查询操作，实现CRUD（创建、读取、更新、删除）操作。 此外，为了实现用户注册、登录和购物车功能，网站可能还涉及了session和cookie的使用。...
本项目是一个基于Node.js和Bootstrap构建的功能完整的论坛系统，主要涵盖了JavaScript开发和内容管理系统的相关技术。在这个论坛中，用户可以进行发帖、回帖、浏览、搜索等基本操作，实现了Web应用程序的基本交互...
jCookie-一个jQuery-Plugin，为与CRUD相关的cookie处理提供方便的api 例子 创建和更新： jQuery.jCookie（'cookie'，'value'）; 删除： jQuery.jCookie（'cookie'，null）; 阅读： jQuery.jCookie（'cookie'）; ...
- 数据库、集合的概念，以及CRUD操作（创建、读取、更新、删除）。 - 通过Node.js的`mongodb`库操作MongoDB，如`Mongoose`。 7. **Cookie的使用** (14COOKIE的使用.pdf)： - Cookie是客户端存储用户信息的一种...