`

javascript 操作cookies 存(设置)、读取、删除函数实例详解

阅读更多

以前一般没想过要在JavaScript里进行COOKIES操作,不过今天碰到了,所以也发一下,作为收藏吧,以下是将这几个功能分别写成了函数.方便使用

<SCRIPT LANGUAGE="JavaScript">

//写cookies函数
function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值
{
    var Days = 30; //此 cookie 将被保存 30 天
    var exp  = new Date();    //new Date("December 31, 9998");
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//读取cookies函数        
{
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
     if(arr != null) return unescape(arr[2]); return null;

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


//简单例子
//SetCookie ("name", www.buslfy.cn)
//alert(getCookie(name));
</script>



<SCRIPT LANGUAGE="JavaScript">
function  GetCookieVal(offset)
//获得Cookie解码后的值
{
var  endstr  =  documents.cookie.indexOf  (";",  offset);
if  (endstr  ==  -1)
endstr  =  documents.cookie.length;
return  unescape(documents.cookie.substring(offset,  endstr));
}

如果点了确定,只要不清cookie,以后访问都不会再提示,如果不点确定则每次都会提示。放在js文件里,全站包含
<!--
var the_cookie = document.cookie;
var broken_cookie = the_cookie.split(":");
var the_visiteraccepted = unescape(broken_cookie[1]);
//
if (the_visiteraccepted=="undefined"){
        var tmp=confirm('中国人何时何地。');
        if(tmp==false){
                window.close();
        }else{
                var the_visiteraccepted = 1;         
        var the_cookie = "ILoveChina=visiteraccepted:" + escape(the_visiteraccepted);                                 
        document.cookie = the_cookie;
        }
}
//-->
</SCRIPT>

 


 

1. Cookie的兼容性问题

Cookie的格式有2个不同的版本,第一个版本,我们称为Cookie Version 0,是最初由Netscape公司制定的,也被几乎所有的浏览器支持。而较新的版本,Cookie Version 1,则是根据RFC 2109文档制定的。为了确保兼容性,JAVA规定,前面所提到的涉及Cookie的操作都是针对旧版本的Cookie进行的。而新版本的Cookie目前还不被Javax.servlet.http.Cookie包所支持。

2. Cookie的内容

同样的Cookie的内容的字符限制针对不同的Cookie版本也有不同。在Cookie Version 0中,某些特殊的字符,例如:空格,方括号,圆括号,等于号(=),逗号,双引号,斜杠,问号,@符号,冒号,分号都不能作为Cookie的内容。这也就是为什么我们在例子中设定Cookie的内容为"Test_Content"的原因。

虽然在Cookie Version 1规定中放宽了限制,可以使用这些字符,但是考虑到新版本的Cookie规范目前仍然没有为所有的浏览器所支持,因而为保险起见,我们应该在Cookie的内容中尽量避免使用这些字符

 

分享到:
评论

相关推荐

    javascript 操作cookies详解及实例.docx

    ### JavaScript 操作 Cookies 详解及实例 #### 一、引言 Cookies 是 Web 开发中一个重要的技术点,主要用于在客户端存储数据。通过使用 JavaScript,开发者可以在浏览器端方便地读取、设置或删除 Cookies,这对于...

    【JavaScript】cookies详解

    本篇文章将详细讲解JavaScript操作Cookies的方法和应用场景。 一、Cookies的基本原理 Cookies是由服务器端设置,并由客户端(浏览器)存储的小型文本文件。每个Cookie都有一个唯一的名称和值,以及可选的属性,如...

    javascript 操作cookies详解及实例

    本文将详细介绍如何使用JavaScript对cookies进行操作,并给出一些实用的代码实例。 首先,我们来了解JavaScript操作cookies的基本原理。Cookies是存储在用户本地的小文本文件,由Web服务器通过HTTP响应头发送给用户...

    javascript 使用Cookies经典推荐^_^

    ### JavaScript 使用Cookies经典推荐知识点详解 #### 一、引言 在前端开发中,`Cookies`是一种非常重要的机制,用于存储用户数据以便后续使用。通过`JavaScript`可以方便地读取和设置`Cookies`,这对于实现网站的...

    javascript结合Cookies实现浏览记录历史.docx

    `getCookieVal()`函数用于读取Cookies中指定的部分内容,而`getCookie()`函数则用于读取指定名称的Cookies值。 #### 四、扩展思考与优化建议 1. **安全性考虑**:使用Cookies存储敏感信息时,需要注意安全性问题。...

    详解Angular操作cookies方法

    在本文中,我们将详细介绍 Angular 操作 cookies 的方法,包括使用 JavaScript 设置和读取 cookies,以及使用 Angular 的 ngCookies 模块来操作 cookies。 一、使用 JavaScript 设置和读取 Cookies 在 JavaScript ...

    jquery中cookie用法实例详解(获取,存储,删除等)

    本文主要介绍在 jQuery 中如何使用 Cookie,以及它的获取、存储和删除等操作,并结合实例说明其用法。 首先需要了解的是,当使用 jQuery 操作 Cookie 时,需要注意以下几个问题: 1. 当没有指定域(domain)和路径...

    javascript结合Cookies实现浏览记录历史第1 3页.docx

    ### JavaScript结合Cookies实现浏览记录历史 #### 背景与需求 在现代Web开发中,为用户提供个性化的体验是至关重要的。其中一种常见的个性化功能就是记录用户的浏览历史,以便能够根据用户的行为提供更加精准的服务...

    【JavaScript源代码】详解操作cookie的原生方法cookieStore.docx

    通过`document.cookie`,我们可以实现对Cookie的读取、设置和删除。例如: - **设置Cookie**:`document.cookie = "key=value; expires=expirationDate; path=path; domain=domain; secure";` - **读取Cookie**:...

    JavaScript基础和DOM API函数

    ### JavaScript基础和DOM API函数详解 #### JavaScript概览 JavaScript是一种强大的、动态的脚本语言,主要用于网页开发,为HTML页面增添交互性。作为一种轻量级的语言,JavaScript无需编译,可以直接由浏览器解释...

    Angular ng-animate和ng-cookies用法详解

    它提供了读取、写入和删除cookies的方法。例如,要读取名为`myCookie`的cookie,可以这样写: ```javascript var cookieValue = $cookies.get('myCookie'); ``` 要设置一个cookie: ```javascript $cookies.put('...

    浏览器中使用JS操作Cookie详解

    并且在Cookie详解这篇文章中,介绍了如何在服务器端和使用JavaScript创建Cookie,并设置属性。 ​我们知道,Cookie是存储在客户端的,并且现在前后端分离慢慢变得流行起来,因此如何在浏览器上可以使用方便快捷的...

    jquery.cookies

    **jQuery Cookies插件详解** jQuery Cookies插件是一个用于在JavaScript中方便地操作浏览器Cookies的工具。这个API使得开发者能够轻松地创建、读取和删除Cookies,从而实现网站数据的持久化存储。在网页应用中,...

    jquery操作cookies

    在JavaScript的世界里,jQuery是一个...这个插件是由Karsten Dambekalns开发的,可以方便地进行Cookie的设置、读取和删除。首先,你需要在项目中引入这个插件,通常通过CDN链接或下载后引入到HTML文件中。 ```html ...

    CookiesjsJavaScript客户端的Cookie操作库

    "Cookies.js - JavaScript 客户端的Cookie操作库" 进一步明确了这个库是Cookies.js,它是专门为JavaScript开发设计的,主要功能是在用户浏览器上执行Cookie的相关操作。作为客户端库,它使得开发者无需后端服务器...

    jquery-cookies

    **jQuery Cookies 操作详解** 在Web开发中,Cookies是一种常用的技术,用于在客户端存储少量的数据。它们对于跟踪用户状态、个性化设置以及实现某些功能(如购物车)非常有用。jQuery库提供了一个方便的插件——...

    cookies & inject browser下载.txt

    这通常涉及到对Cookies的读取与设置操作。 4. **执行任务**:启动工具,加载编写好的脚本,执行自动化任务。 #### 五、总结 Cookies作为一种常用的技术手段,在Web开发与应用中扮演着重要角色。通过合理的管理和...

    jquery-cookies-1.4.1

    `jQuery Cookies`提供了以下核心函数来操作cookies: - `$.cookie(name, value, options)`: 创建或更新一个cookie。 - `$.removeCookie(name, options)`: 删除一个已存在的cookie。 - `$.cookie(name)`: 读取一个...

    JavaScript 教程

    ### JavaScript 教程知识点详解 #### 一、JavaScript 概述 - **定义与特性**:JavaScript 是一种轻量级的脚本语言,主要用于向 HTML 页面添加交互功能。它通过简单易懂的语法让网页设计师能够轻松实现动态效果。...

Global site tag (gtag.js) - Google Analytics