cookie,添加,删除

最新推荐文章于 2024-07-23 12:35:43 发布
最新推荐文章于 2024-07-23 12:35:43 发布
阅读量322 收藏
点赞数
分类专栏： jquery html javascript 文章标签： jquery javascript cookie html
jquery 同时被 3 个专栏收录
23 篇文章 0 订阅
订阅专栏
javascript
15 篇文章 0 订阅
订阅专栏
html
14 篇文章 0 订阅
订阅专栏

js设置cookie和读取cookie的方法

<!-- js -->
<html> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head> 
        <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" οnclick="add_()"/>
				<input type="button" value="读取所有cookie" οnclick="allCookie()"/>
				<input type="button" value="读取该名称cookie" οnclick="get_()"/>
				<input type="button" value="删除该名称cookie" οnclick="del_()"/> 
            </div> 
        </form> 
</body> 
</html>

jquery设置,读取cookie 

<!-- jq -->
<html> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <head> 
<!-- 引用easyUi的文件 -->  
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">  
<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css">  
<script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>  
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>  
        <script language="JavaScript" type="text/javascript"> 
            
			//设置cookie/加上时间戳
			$.cookie("hideButton", "2",{path:"/",expirse:7});
			var button = $.cookie("hideButton");	//读取cookie
			
            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 add_(){ 
				var cookie_name = $("#cookie_name").val(); 
                var cookie_value = $("#cookie_value").val(); 
                var cookie_expireHours = $("#cookie_expiresHours").val(); 
                addCookie(cookie_name, cookie_value, cookie_expireHours); 
            } 
            
            function get_(){ 
                var cookie_name = $("#cookie_name").val(); 
                var cookie_value = getCookie(cookie_name); 
                alert(cookie_value); 
            } 
            
            function del_(){ 
                var cookie_name = $("#cookie_name").val(); 
                delCookie(cookie_name); 
                alert("删除成功"); 
            } 
        </script> 
    </head> 
    <body> 
		<div>
			<div>
				名称 :<input type="text" id="cookie_name" /> <br/>
				值 :<input type="text" id="cookie_value" /> <br/>
				多少个小时过期 :<input type="text" id="cookie_expiresHours" /> 
			</div>
            <div> 
                <input type="button" value="添加该cookie" οnclick="add_()"/>
				<input type="button" value="读取所有cookie" οnclick="allCookie()"/>
				<input type="button" value="读取该名称cookie" οnclick="get_()"/>
				<input type="button" value="删除该名称cookie" οnclick="del_()"/> 
            </div> 
		</div>
</body> 
</html>



Love丶兰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Response.AppendCookie
05-10 917
  //写入    protected void Button2_Click(object sender, EventArgs e)    {        HttpCookie cookie=new HttpCookie("MyCook");//初使化并设置Cookie的名称        DateTime dt=DateTime.Now;        TimeSpan ts = ne
jquery.cookie 使用方法
aoxi0033的博客
06-11 1018
一个轻量级的cookie 插件，可以读取、写入、删除 cookie。 jquery.cookie.js 的配置 首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <scrip...
js操作cookie,js读取cookie,js添加cookie,js删除cookie
成功的心 Blog
11-15 1717
一直都是简单去js实现cookie的一些操作,今天把js对cookie操作系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie,示例如下:     cookie处理函数练习(为我所写，非我所想:改善面向对象)    function addCookie(objName,objValue,objHours){//添加cookie   var str = obj
添加cookie，获取cookie，删除cookie
wtfubar的博客
02-09 624
function addCookie(objName,objValue,objHours){ //添加cookie var str = objName + "=" + escape(objValue); if(objHours > 0){ //为时不设定过期时间，浏览器关闭时cookie自动消失
Cookie带时间戳
qq_42229759的博客
08-28 1480
#!/usr/bin/env python # -*- encoding: utf-8 -*- # Created on 2018-08-28 10:33:19 # Project: HM from pyspider.libs.base_handler import * import json from time import time def get_headers(): retur...
Selenium webdriver添加cookie实现过程详解
09-16
在使用Selenium WebDriver进行自动化测试或网页操作时，有时候我们需要模拟用户登录状态，这就涉及到添加cookie的操作。本文将详细介绍如何使用Selenium WebDriver添加cookie，并通过实际案例帮助理解其过程。 一、...
js中cookie的添加、取值、删除示例代码
10-26
cookie的应用在网页中很常见，在本文为大家介绍下js中如何对cookie进行添加、取值、删除，感兴趣的朋友不要错过
添加、修改、删除cookie
08-15
最后，通过`System.Web.HttpContext.Current.Response.Cookies.Add()`将Cookie添加到响应中。如果整个过程没有抛出异常，那么返回`true`表示操作成功。 2. **读取Cookie**： `getCookie`方法用于获取指定名称的...
java操作cookie示例(删除cookie)
09-04
删除Cookie的关键在于创建一个新的同名Cookie，但将其`setMaxAge()`设置为0，然后再次添加到响应中： ```java Cookie cookieToRemove = new Cookie("key", null); cookieToRemove.setMaxAge(0); cookieToRemove.set...
Java 创建cookie和删除cookie
09-06
最后，我们使用`response.addCookie`方法将cookie添加到响应中。 删除Cookie 删除cookie需要使用`javax.servlet.http.Cookie`类，以下是删除cookie的代码： ```java Cookie[] cookies = request.getCookies(); ...
JavaScript] JS操作COOKIES函数
weixin_34101784的博客
06-08 112
function setCookie(name,value){    var Days = 30;    var exp  = new Date();    //new Date("December 31, 9998");        exp.setTime(exp.getTime() + Days*24*60*60*1000);        document.cookie = name + ...
Vue 3 和 SpringBoot 实现文件分片上传示例
exlink2012的专栏
07-22 344
实现分片上传，并使用Spring Boot在后端保存文件。前端将文件分片并逐个上传到后端，后端接收到所有分片后再进行合并，最终保存为一个完整文件。
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
07-23 723
软件著作权申请教程（超详细）（2024新版），软著申请，软件著作权怎么申请，手把手教你申请软件著作权，不花冤枉钱，软著申请代理，软件著作权申请着手开始准备材料了。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。这一页的内容比较多，可以参考我下面的。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 943
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 98
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 81
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
VUE中的重点*
qq_61132537的博客
07-22 760
实际上就是一个闭包，因为vue是单页面应用，是由很多组件构成，每一个组件中都有一个data， 所以通过闭包给每一个组件创建了一个私有的作用域，这样就不会相互影响。
Vue3企业级项目开发实战课-笔记记录
tuku0801的专栏
07-20 955
实践 Vue 3 自研组件库开发、Node.js 服务端开发、Vue 3 结合 Node.js 的全栈项目开发以及全栈项目的单元测试等大厂常见的项目技术场景
thinkphp8结合layui2.9 图片上传验证
quweiie的专栏
07-21 240
thinkphp8图片上传的验证
js 添加cookie
12-20
以下是一个使用JavaScript添加cookie的例子： ```javascript // 添加cookie方法 var addCookie = function (name, value, time, path) { var strSec = getSec(time); var exp = new Date(); exp.setTime(exp.getTime() + strSec * 1); // path=/，表示cookie能在整个网站下使用，path=/temp，表示cookie只能在temp目录下使用 path = path == "" ? "" : ";path=" + path; // 设置cookie的名称、值、失效时间 document.cookie = name + "=" + value + ";expires=" + exp.toUTCString() + path; } ``` 相关问题: 1. 如何获取cookie的值？ 2. 如何删除cookie？ 3. cookie的失效时间如何设置？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值