JavaScript之DOM-10 cookie (cookie概述、cookie操作)

一、Cookie 概述

Cookie 简介

- Cookie 是由服务器生成并存存储在客户端文件系统(.txt格式)中的key/value对,当浏览器再次请求该站点上的页面时,就会自动把保存的Cookie发回服务器

- Cookie 使得浏览器可以在访问同一站点的不同请求间传递数据,让服务器程序识别不同的客户端

- 典型应用: 保存用户登录状态、跟踪用户行为、页面定制、保存购物车等需要保存全局变量的场合

Cookie 的存放

- Cookie 保存在客户端某个特定的目录下的一个.txt文本文件中,且不同站点的Cookie数据保存不同的文件中

- Cookie 数据一般都是加密后保存的

有效期和作用域

- 有效期: Cookie可以指定一个expires值,定义其生存周期,在这个周期内Cookie有效,超出周期Cookie 就会被清除。有些页面将 Cookie的生存周期甚至为"0"或负值,这样在关闭浏览器时,就马上清除Cookie,不会记录用户信息,更加安全

- 作用域:默认情况下,某个站点保存的Cookie只能自己访问,不能被其他站点使用。但可以设置Cookie的domain和path值,限定哪个域名下的哪些路径可以访问此 Cookie

二、Cookie 操作

保存 Cookie

- Cookie可以由服务器端程序(Java、PHP等)创建并发送给客户端保存;也可以由客户端JavaScript脚本创建并保存

读取 Cookie

- 可以使document.cookie 获取当前站点可以读取的所有Cookie(多个Cookie间用;分隔)

Cookie 的生命周期

- 若没有指定expires属性,创建的Cookie其实只是保存在内存中,浏览器一关闭也就被销毁了

- 可以在保存 Cookie 时使用expires指定其生命周期

总结:本章内容主要介绍了 JavaScript DOM cookie (cookie概述、cookie操作)

时间: 2024-11-04 05:29:55

JavaScript之DOM-10 cookie (cookie概述、cookie操作)的相关文章

IIS 7.5 IE 10+ 提交Session,Cookie丢失

这是ASP.NET 2.0,3.5和4.0的Bugs,因这些版本无法识别IE10的User-Agent标头字符串,所以无法识别用户浏览器的版本,从而导至了 ASP.NET的特定功能失效,认为游览器不支持Cookies功能,不处理与Cookie相关的程式码等,从而在浏览器中不保存服务器返回的 Session标识,造成丢失等. 简单的解决方法是,在网站根目录,新增一个浏览器定义文件(browser definition file) 步骤如下: 1.添加一个"App_Browsers"文件夹

javascript如何判断当前浏览器是否支持cookie

javascript如何判断当前浏览器是否支持cookie:浏览器在默认状态下都是支持cookie的,但是也可以人为的禁用.代码如下: function check() { if(window.navigator.cookieEnabled) { return true; } else { alert("浏览器已经禁用cookie"); return false; } } 上面的函数可以实现验证cookie的效果.cookieEnabled属性可以参阅Navigator对象的cooki

C#中Cookie的概述及应用

1.Cookie简介 Cookie 提供了一种在 Web 应用程序中存储用户特定信息的方法.例如,当用户访问您的站点时,您可以使用 Cookie 存储用户首选项或其他信息.当该用户再次访问您的网站时,应用程序便可以检索以前存储的信息. 用户在请求站点中的页面时应用程序发送给该用户的不仅仅是一个页面,还有一个包含日期和时间的 Cookie,用户的浏览器在获得页面的同时还获得了该 Cookie,并将它存储在用户硬盘上的某个文件夹中.以后,如果该用户再次请求您站点中的页面,当该用户输入 URL 时,浏

javascript 设置cookie和取得cookie

代吗实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cookie</title> <script> function setCookie(name,value,expires,path,domain,secure) { var cookieName=encodeURIComponent

设置cookie、读取cookie、删除cookie

假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使 用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没 有达到保存的效果.解决这个问题的最好的方案是采用cookie来保存该变量的值,那么如何来设置和读取cookie呢? 1.什么是Cookie "Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身

JS设置cookie、读取cookie、删除cookie

Js操作Cookie总结(设置,读取,删除),工作中经常会用到的哦!下面是详细代码,如有错误,请留言指正! JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的. 而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,对于JS中的全局变量或者静态变量的生

HostOnly Cookie和HttpOnly Cookie

怎么使用Cookie? 通常我们有两种方式给浏览器设置或获取Cookie,分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header,以及通过JavaScript对document.cookie进行赋值或取值. rfc6265第5.2节定义的Set-Cookie Header,除了必须包含Cookie正文,还可以选择性包含6个属性path.domain.max-age.expires.secure

详解 Cookie 纪要(vue.cookie,jquery.cookie简化)

今天看到一篇cookie的文章,写的特别详细,感谢 晚晴幽草轩 的分享,原文链接http://www.jeffjade.com/2016/10/31/115-summary-of-cookie/ 原文如下,记录到此供以后查阅并希望好文章能被更多需要的人看到   背景 在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cookie规范定义了服务器和客户端交互信息的格式.生存期.使用范围.安全性.在JavaScript中可以通过 document.c

第七章(插件的使用和写法)(7.4 jQuery UI 插件 7.5 管理Cookie的插件 --- Cookie)

7.4 jQuery UI 插件 7.4.1 jQuery UI 简介 jQuery UI 主要分为3个部分,交互.微件和效果差: ? 交互.这里都是一些与鼠标交互相关的内容,包括拖动(Draggable).置放(Droppable).缩放(Resizable).选择(Selectable)和排序(Sortable)等待.微件(Widget)中有部分是基于这些交互组件来制作的.此库需要一个 jQuery UI 核心库 ----- ui.core.js 支持. ? 微件.这里主要是一些界面的扩展.

jQuery插件 -- Cookie插件jquery.cookie.js(转)

Cookie是网站设计者放置在客户端的小文本文件.Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息 Cookie下载地址:  http://plugins.jquery.com/project/cookie 使用方法: 1.引入jquery.cookie.js <script src="scripts/jquery-1.6.4.j