javascript操作cookie方法函数集合第1/2页

2014-09-04  来源:本站原创  分类:javascript技巧  人气:1 

很多朋友需要使用到cookies操作,脚本之家以前也发表了不少相关的文章。这篇文章,虽然乱了点,但知识点比较多。

问题:
使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小,那么会希望下次访问的时候仍然能使用同样的设置进行浏览,而不用重复设置。
解决方案:
在用户浏览页面并进行设置时,将这些设置保存在cookie中,下次访问的时候读取cookie中的设置。
参考下面的脚本:

// utility function to retrieve an expiration data in proper format;
function getExpDate(days, hours, minutes)
{
var expDate = new Date();
if(typeof(days) == "number" && typeof(hours) == "number" && typeof(hours) == "number")
{
expDate.setDate(expDate.getDate() + parseInt(days));
expDate.setHours(expDate.getHours() + parseInt(hours));
expDate.setMinutes(expDate.getMinutes() + parseInt(minutes));
return expDate.toGMTString();
}
}
//utility function called by getCookie()
function getCookieVal(offset)
{
var endstr = document.cookie.indexOf(";", offset);
if(endstr == -1)
{
endstr = document.cookie.length;
}
return unescape(document.cookie.substring(offset, endstr));
}
// primary function to retrieve cookie by name
function getCookie(name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while(i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
{
return getCookieVal(j);
}
i = document.cookie.indexOf(" ", i) + 1;
if(i == 0) break;
}
return;
}
// store cookie value with optional details as needed
function setCookie(name, value, expires, path, domain, secure)
{
document.cookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}
// remove the cookie by setting ancient expiration date
function deleteCookie(name,path,domain)
{
if(getCookie(name))
{
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}

使用getCookie(name)函数来读取cookie中保存的值,参数name为cookie项的名称。如果该cookie项不存在则返回一个空字符串。
使用setCookie()函数来保存cookie项的值,其中第一、二两个参数分别为cookie项的名称和值。如果想为其设置一个过期时间,那么就需要设置第三个参数,这里需要通过getExpDate()获得一个正确格式的参数。
最后,使用deleteCookie()来删除一个已存在的cookie项,实际上是通过让该项过期。
cookie将数据保存在客户端。页面的脚本只能读取所在域和服务器的cookie值,如果域内有多个服务器,那么需要设置第五个参数,以指定服务器。浏览器的容量一般限定为每服务器20个name/value对,每个cookie项不超过4000个字符,更现实点,单个cookie项应少于2000字符,也就是说不要用cookie在客户端保存大容量数据。
不同的浏览器保存cookie的方式也有所不同。IE为每个域的cookie建立一个文本文件,而Netscape则将所有的cookie存储在同一个文本文件中。
注意:cookie存放在客户端,所以会受到浏览器设置的影响,比如用户可能会禁用cookie。要检测浏览器是否支持cookie,使用属性navigator.cookieEnabled来判断。

当前1/2页 12下一页

相关文章
  • javascript操作cookie方法函数集合第1/2页 2014-09-04

    很多朋友需要使用到cookies操作,脚本之家以前也发表了不少相关的文章.这篇文章,虽然乱了点,但知识点比较多. 问题: 使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享数据.比如用户在访问网站的时候设置了页面字体的大小,那么会希望下次访问的时候仍然能使用同样的设置进行浏览,而不用重复设置. 解决方案: 在用户浏览页面并进行设置时,将这些设置保存在cookie中,下次访问的时候读取cookie中的设置. 参考下面的脚本: // utility function to retriev

  • Javascript操作cookie的函数代码 2013-12-14

    之前发布了javascript操作cookie一个大全里面有很多知识,大家可以在本站搜索,另外今天遇到js操作cookie又增加2款方法一个是简单版本.一个是封装版本,特意分享给大家 javascript操作cookie简单版本 function setCookie(name, value, iDay) { var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name+'='+value

  • javascript操作Cookie(设置.读取.删除)方法详解 2014-01-21

    这篇文章主要详细向大家介绍了javascript操作Cookie的方法,包括设置.读取.删除操作,十分的细致全面,附上示例,是篇非常不错的文章,这里推荐给大家. Cookie是客户端存放数据的一种方式,可用来做状态保持. 1.设置Cookie: a.无过期时间:(若不设置过期时间,默认为会话级Cookie,浏览器关闭就会失效) function setCookie(name,value) { document.cookie = name + '=' + escape(value); } b.固定

  • javascript操作cookie函数写法 2012-10-03

    整理了两种简单的 javascript操作cookie写法,均有三个功能:设置cookie.查询cookie.删除cookie.第一种简单易懂,第二种封装使用方便.原生 js设置cookie. 简单版: function setCookie(name, value, iDay) { var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name+'='+value+';expires='+

  • JavaScript操作Cookie详解 2013-10-10

    这篇文章主要介绍了JavaScript操作Cookie详解,本文讲解了什么是Cookie.Cookie基础知识.Cookie常见问题.cookie 有两种清除方式.Cookie基础用法.Cookie高级用法等内容,需要的朋友可以参考下 什么是 Cookie "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值." - w3school cookie 是访问

  • 浅析javascript操作 cookie对象 2013-12-22

    这篇文章主要简单分析介绍了javascript操作 cookie对象的方法及示例,有需要的小伙伴参考下 Cookie 对象 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的数据信息(Cookie数据).Cookie文件夹中的用户数据信息(Cookie数据).Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取.(不允许进行跨域的访问) Cookie文件的格式: NS:Cook

  • jQuery操作cookie方法实例教程 2013-10-17

    这篇文章主要介绍了jQuery操作cookie方法,包括了对cookie的读取.写入.删除等常用的操作,并给出了实例总结,需要的朋友可以参考下 本文实例讲述了jQuery操作cookie的方法.分享给大家供大家参考.具体方法如下: 先来看看jq.cookie的aip 写入cookie $.cookie("this-cookie","this-value",{ expires:10,//有效日期 path:"/",//cookie的路 径 doma

  • JavaScript操作cookie类实例 2014-08-18

    这篇文章主要介绍了JavaScript操作cookie类,实例分析了javascript针对cookie的设置.读取.删除等常用技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JavaScript操作cookie类.分享给大家供大家参考.具体如下: 用法: 一.设置cookie var cookie = new JSCookie(); // 普通设置 cookie .SetCookie("key1","val1"); // 过期时间为一年 var exp

  • 一组JS创建和操作表格的函数集合 2015-01-31

    在用AJAX的时候,经常要用JS操作DOM,当涉及到数据列表的时候,那用表格比较多,这里写了组函数集合,专门用来操作表格,当然,目前还有很多不足,但是对一些简单操作还是很方便的. stone.js //**************************************神吹表格操作函数******************************************************* //隐藏列 function setHiddenRow(tb,iCol){ for (i=0;

  • JavaScript 操作 Cookie 2013-11-10

    什么是 Cookie "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值." - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaScript的角度看,cookie 就是一些字符串信息.这些信息存放在客户端的计算机中,用于客户端计算机与服务器之间传递信息. 在JavaScript中可以通过 doc

  • javascript操作cookie的文章(设置,删除cookies) 2014-04-27

    一篇javascript处理cookie的文章,脚本之家之前发布过很多这样的文章. 下面这篇是国外的一篇文章. http://www.jb51.net/article/20553.htm var sel = new Object(); var sel_num = 0; function getCookieVal(offset) { var endstr = document.cookie.indexOf(";", offset); if (endstr == -1) endstr =

  • Javascript操作select方法大全[新增.修改.删除.选中.清空.判断存在等] 2015-03-20

    Javascript 操作select控件大全(新增.修改.删除.选中.清空.判断存在等) js 代码 // 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.opti

  • php通用检测函数集合第1/3页 2014-02-09

    php下一些通用的检测字符串的函数集合,方便大家使用 <? //[警告]:未经许可请勿随便修改 //----------------------------------------------------------------------------------- ------- //----------------------------------------------------------------------------------- ------- // // [文件名]: c

  • Javascript中的数学函数集合 2013-11-19

    在Javascript中,数学方法可以分成以下几类: constans(常数).power functions(乘方函数).trigonometic functions(三角函数).rounding functions(舍入函数).random numbers(随机数字) 引用 常数和乘方函数 Math.E 自然对数的底(为常数) 2.718 Math.LN10 10的自然对数 2.302 Math.LN2 2的自然对数 0.693 Math.PI 圆周率 3.1415 Math.SQRT1_2

  • javascript操作cookie常用方法 2013-04-10

    //设置cookie function setCookie(cookie_name,cookie_value,cookie_time){ var exp = new Date(); exp.setTime(exp.getTime() + cookie_time * 1000); //cookie_time单位秒 if(cookie_time == 0){//不设置cookie时间,表示关闭浏览器窗口cookie立即消失 document.cookie = cookie_name + '=' +

  • js判断输入是否中文,数字,身份证等等js函数集合第1/3页 2014-05-21

    收集的比较多,建议大家查找搜寻,常用的js判断函数 * 判断指定的内容是否为空,若为空则弹出 警告框 */ function isEmpty(theValue, strMsg){ if(theValue==""){ alert(strMsg+"不能为空!"); return true; } return false; } /* 中文判断函数,允许生僻字用英文"*"代替 返回true表示是符合条件,返回false表示不符合 */ function

  • [PHP]经常用到的实用函数集合第1/2页 2014-09-12

    最新打算学习php,发现好多函数需要用到,可自己写又麻烦,于是找了下php的常用函数,从各大php系统中弄下来的,绝对是使用的php实用函数 function GetIP() { //获取IP if ($_SERVER["HTTP_X_FORWARDED_FOR"]) $ip = $_SERVER["HTTP_X_FORWARDED_FOR"]; else if ($_SERVER["HTTP_CLIENT_IP"]) $ip = $_SERVE

  • JavaScript使用cookie记录临时访客信息的方法 2014-11-19

    这篇文章主要介绍了JavaScript使用cookie记录临时访客信息的方法,涉及javascript操作cookie的技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了JavaScript使用cookie记录临时访客信息的方法.分享给大家供大家参考.具体分析如下: 这里用户第一次访问网页时会提示用户输入一个昵称,然后写入cookie,当用户再次来到时会读取cookie信息,提取用户昵称,欢迎用户的到来 <!DOCTYPE html> <html> <head>

  • JavaScript使用setInterval()函数实现简单轮询操作的方法 2015-02-02

    这篇文章主要介绍了JavaScript使用setInterval()函数实现简单轮询操作的方法,以实例形式分析了轮询操作的原理与javascript实现技巧,需要的朋友可以参考下 本文实例讲述了JavaScript使用setInterval()函数实现简单轮询操作的方法.分享给大家供大家参考.具体分析如下: 轮询(Polling)是一种CPU决策如何提供周边设备服务的方式,又称"程控输出入"(Programmed I/O).轮询法的概念是,由CPU定时发出询问,依序询问每一个周边设备是

  • javascript 操作文件 实现方法小结 2015-01-23

    可以通过浏览器在访问者的硬盘上创建文件 JavaScript操作文件系统创建快捷方式 可以通过浏览器在访问者的硬盘上创建文件,因为我开始试了一下真的可以,不信你把下面这段代码COPY到一个HTML文件当中再运行一下! <script language="JavaScript"> <!-- var fso = new ActiveXObject("Scripting.FileSystemObject"); fso.DeleteFile("c