js进行浏览器的Cookies设置实例

Cookies现在经常被大家提到,那么到底什么是Cookies,它有什么作用呢?Cookies是数据包,可以让网页具有记忆功能,在某台电脑上记忆一定的信息。Cookies的工作原理是,第一次由服务器端写入到客户端的系统中。以后每次访问这个网页,都是先由客户端将Cookies发送到服务器端,再由服务器端进行判断,然后再产生HTML代码返回给客户端。通过这个原理服务器就可以根据不同用户产生不同cookies文件,这样当该用户再次访问同一个站点时就可以根据不同的cookies文件返回不同的页面信息了。

什么是Cookies?

通俗点讲:cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。cookies是当你浏览某网站时,由web服务器置于你硬盘上的一个非常小的文本文件,它可以记录你的用户id、密码、浏览过的网页、停留的时间等信息。    当你再次来到该网站时,网站通过读取cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入id、密码就直接登录等等  cookies文件是在无声无息中伴随浏览器进入我们本地硬盘的,当我们浏览某个站点时,该站点很可能将记录我们隐私的cookies文件上传到本地硬盘。
cookies和localstorage相似,若想删除它,只能够手动删除。当然,对于cookies的操作除了删除之外,才可以进行设置、获取,和数据库都有增删改查等操作。获取设置cookies,除了通过cookie插件之外,我们还可以通过js对cookie进行操作。在此,和大家介绍,通过js对cookies进行获取、设置、删除操作、
(1)获取cookies:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else        return null;  }

登录后复制登录后复制

(2)设置Cookies:

setCookie(name,value){    var Days = 30;    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}

登录后复制登录后复制

(3)删除Cookies:

delCookie(name){    var exp = new Date();    exp.setTime(exp.getTime() - 1);    var cval=this.getCookie(name);    if(cval!=null)    document.cookie= name + "="+cval+";expires="+exp.toGMTString();}

登录后复制登录后复制

示例:

setCookie("id","1");getCookie("id");delCookie("id");

登录后复制登录后复制

           

Cookies现在经常被大家提到,那么到底什么是Cookies,它有什么作用呢?Cookies是数据包,可以让网页具有记忆功能,在某台电脑上记忆一定的信息。Cookies的工作原理是,第一次由服务器端写入到客户端的系统中。以后每次访问这个网页,都是先由客户端将Cookies发送到服务器端,再由服务器端进行判断,然后再产生HTML代码返回给客户端。通过这个原理服务器就可以根据不同用户产生不同cookies文件,这样当该用户再次访问同一个站点时就可以根据不同的cookies文件返回不同的页面信息了。

什么是Cookies?

通俗点讲:cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。cookies是当你浏览某网站时,由web服务器置于你硬盘上的一个非常小的文本文件,它可以记录你的用户id、密码、浏览过的网页、停留的时间等信息。    当你再次来到该网站时,网站通过读取cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入id、密码就直接登录等等  cookies文件是在无声无息中伴随浏览器进入我们本地硬盘的,当我们浏览某个站点时,该站点很可能将记录我们隐私的cookies文件上传到本地硬盘。
cookies和localstorage相似,若想删除它,只能够手动删除。当然,对于cookies的操作除了删除之外,才可以进行设置、获取,和数据库都有增删改查等操作。获取设置cookies,除了通过cookie插件之外,我们还可以通过js对cookie进行操作。在此,和大家介绍,通过js对cookies进行获取、设置、删除操作、
(1)获取cookies:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else        return null;  }

登录后复制登录后复制

(2)设置Cookies:

setCookie(name,value){    var Days = 30;    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();}

登录后复制登录后复制

(3)删除Cookies:

delCookie(name){    var exp = new Date();    exp.setTime(exp.getTime() - 1);    var cval=this.getCookie(name);    if(cval!=null)    document.cookie= name + "="+cval+";expires="+exp.toGMTString();}

登录后复制登录后复制

示例:

setCookie("id","1");getCookie("id");delCookie("id");

登录后复制登录后复制

相关推荐:

分享JS利用cookies设置每隔24小时弹出框的实例代码

以上就是js进行浏览器的Cookies设置实例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2783244.html

(0)
上一篇 2025年3月8日 16:46:41
下一篇 2025年3月8日 16:46:47

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 用JS代码做出弹幕效果

    这次给大家带来用js代码做出弹幕效果,用js代码做出弹幕效果的注意事项有哪些,下面就是实战案例,一起来看一下。 实现原理 1、设置展示弹幕元素位置属性为relative2、动态创建弹幕元素,位置属性设置absolute,left为展示宽度3…

    编程技术 2025年3月8日
    200
  • js中数组函数和注意事项

    本文主要和大家分享js中数组函数和注意事项,首先我们先和大家分享js 的数组对象有哪些,希望能帮助到大家。 js 的数组对象有哪些 push       — 向数组的末尾添加一个或更多元素,并返回新的长度。 pop        — 删除并…

    编程技术 2025年3月8日
    200
  • js中const,var,let区别分享

    本文主要和大家分享js中const,var,let区别,希望能帮助到大家。 const 不可以修改 并且必须初始化 const NAME;Uncaught SyntaxError: Missing initializer in const …

    编程技术 2025年3月8日
    200
  • js中的sort()使用方法

    如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。 array.sort()方法默认是升序排序,如果想按照…

    编程技术 2025年3月8日
    200
  • js中slice()使用方法

    本文主要和大家分享js中slice()使用方法,slice()通过索引位置获取新的数组,该方法不会修改原数组,只是返回一个新的子数组。 用法:arrayobj.slice(start,end) arrayObj – 原始数组; …

    编程技术 2025年3月8日
    200
  • JS的函数节流使用

    这次给大家带来js的函数节流使用,js函数节流使用的注意事项有哪些,下面就是实战案例,一起来看一下。 函数节流(throttle) 函数节流就是预定一个函数只有在大于等于执行周期时才执行,周期内调用不执行。好像水滴攒到一定重量才会落下一样。…

    编程技术 2025年3月8日
    200
  • js之datatables的处理方法实例

    本文主要和大家分享js之datatables的处理方法实例,希望能帮助到大家。 /** * 初始化表单 */me.initDatatable = function() {me.interns0301Table = $(“#interns03…

    编程技术 2025年3月8日
    200
  • 关于JS继承的详解

    这次给大家带来关于js继承的详解,使用js继承的注意事项有哪些,下面就是实战案例,一起来看一下。 ECMAScript 实现继承的方式不止一种。这是因为 JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的。这意味着所有的…

    编程技术 2025年3月8日
    200
  • JS事件绑定与冒泡实例详解

    本文主要和大家分享JS事件绑定与冒泡实例详解,希望能帮助到大家。 XAMPP A Apache 阿帕奇服务器M MysqlP PHPP PERL 登录后复制 JSON JSON 轻量级的数据交换格式XML 一种数据交换格式JSON用来表示对…

    编程技术 2025年3月8日
    200
  • Javascript的策略模式

    这次给大家带来javascript的策略模式,javascript策略模式的注意事项有哪些,下面就是实战案例,一起来看一下。 策略模式是指对一系列的算法定义,并将每一个算法封装起来,而且使它们还可以相互替换。策略模式让算法独立于使用它的客户…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论