Jadual Kandungan
什么是Cookies?
Rumah hujung hadapan web tutorial js js进行浏览器的Cookies设置实例

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

Mar 13, 2018 pm 04:37 PM
cookies firefox javascript

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;  
}
Salin selepas log masuk
Salin selepas log masuk

(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();
}
Salin selepas log masuk
Salin selepas log masuk

(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();
}
Salin selepas log masuk
Salin selepas log masuk

示例:

setCookie("id","1");getCookie("id");delCookie("id");
Salin selepas log masuk
Salin selepas log masuk

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;  
}
Salin selepas log masuk
Salin selepas log masuk

(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();
}
Salin selepas log masuk
Salin selepas log masuk

(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();
}
Salin selepas log masuk
Salin selepas log masuk

示例:

setCookie("id","1");getCookie("id");delCookie("id");
Salin selepas log masuk
Salin selepas log masuk

相关推荐:

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

Atas ialah kandungan terperinci js进行浏览器的Cookies设置实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 pm 02:54 PM

Bagaimana untuk melaksanakan sistem pengecaman pertuturan dalam talian menggunakan WebSocket dan JavaScript

Bagaimana untuk mengalih keluar Firefox Snap dalam Ubuntu Linux? Bagaimana untuk mengalih keluar Firefox Snap dalam Ubuntu Linux? Feb 21, 2024 pm 07:00 PM

Bagaimana untuk mengalih keluar Firefox Snap dalam Ubuntu Linux?

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata Dec 17, 2023 pm 05:30 PM

WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata

Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript Dec 17, 2023 am 09:39 AM

Bagaimana untuk melaksanakan sistem tempahan dalam talian menggunakan WebSocket dan JavaScript

Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata Dec 17, 2023 pm 12:09 PM

Cara menggunakan JavaScript dan WebSocket untuk melaksanakan sistem pesanan dalam talian masa nyata

Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP Jan 05, 2024 pm 06:08 PM

Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Dec 17, 2023 pm 05:13 PM

JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap

Bagaimana untuk menggunakan insertBefore dalam javascript Bagaimana untuk menggunakan insertBefore dalam javascript Nov 24, 2023 am 11:56 AM

Bagaimana untuk menggunakan insertBefore dalam javascript

See all articles