本文实例讲述了javascript设置和获取cookie的方法。分享给大家供大家参考,具体如下:

1. 设置cookie

function setCookie(cookieName,cookieValue,cookieExpires,cookiePath)

{

cookieValue = escape(cookieValue);//编码latin-1

if(cookieExpires=="")

{

var nowDate = new Date();

nowDate.setMonth(nowDate.getMonth()+6);

cookieExpires = nowDate.toGMTString();

}

if(cookiePath!="")

{

cookiePath = ";Path="+cookiePath;

}

document.cookie= cookieName+"="+cookieValue+";expires="+cookieExpires+cookiePath;

}

2. 获取cookie

function getCookieValue(cookieName)

{

var cookieValue = document.cookie;

var cookieStartAt = cookieValue.indexOf(""+cookieName+"=");

if(cookieStartAt==-1)

{

cookieStartAt = cookieValue.indexOf(cookieName+"=");

}

if(cookieStartAt==-1)

{

cookieValue = null;

}

else

{

cookieStartAt = cookieValue.indexOf("=",cookieStartAt)+1;

cookieEndAt = cookieValue.indexOf(";",cookieStartAt);

if(cookieEndAt==-1)

{

cookieEndAt = cookieValue.length;

}

cookieValue = unescape(cookieValue.substring(cookieStartAt,cookieEndAt));//解码latin-1

}

return cookieValue;

}

例子:

cookie

//获取cookie

function getCookieValue(cookieName)

{

var cookieValue = document.cookie;

var cookieStartAt = cookieValue.indexOf(""+cookieName+"=");

if(cookieStartAt==-1)

{

cookieStartAt = cookieValue.indexOf(cookieName+"=");

}

if(cookieStartAt==-1)

{

cookieValue = null;

}

else

{

cookieStartAt = cookieValue.indexOf("=",cookieStartAt)+1;

cookieEndAt = cookieValue.indexOf(";",cookieStartAt);

if(cookieEndAt==-1)

{

cookieEndAt = cookieValue.length;

}

cookieValue = unescape(cookieValue.substring(cookieStartAt,cookieEndAt));//解码latin-1

}

return cookieValue;

}

//设置cookie

function setCookie(cookieName,cookieValue,cookieExpires,cookiePath)

{

cookieValue = escape(cookieValue);//编码latin-1

if(cookieExpires=="")

{

var nowDate = new Date();

nowDate.setMonth(nowDate.getMonth()+6);

cookieExpires = nowDate.toGMTString();

}

if(cookiePath!="")

{

cookiePath = ";Path="+cookiePath;

}

document.cookie= cookieName+"="+cookieValue+";expires="+cookieExpires+cookiePath;

}

//页面加载时间处理函数

function window_onload()

{

var userNameElem = document.getElementById("userName");//用户名输入框对象

var passwordElem = document.getElementById("password");//密码输入框对象

var currUserElem = document.getElementById("currUser");//复选框对象

var currUser = getCookieValue("currUser");

if(currUser!=null)

{

userNameElem.value=currUser;

currUserElem.checked = true;

}

if(userNameElem.value!="")

{

passwordElem.focus();//密码输入框获得焦点

}

else

{

currUserElem.focus();//用户名输入框获得焦点

}

}

//表单提交处理

function login()

{

var userNameElem = document.getElementById("userName");

var passwordElem = document.getElementById("password");

var currUserElem = document.getElementById("currUser");

if(userNameElem.value=="" || passwordElem.value=="")

{

alert("用户名或密码不能为空!");

if(userNameElem.value=="")

{

userNameElem.focus();//用户名输入框获得焦点

}

else

{

passwordElem.focus();//密码输入框获得焦点

}

return false;

}

if(currUserElem.checked)

{

setCookie("currUser",userNameElem.value,"","");//设置cookie

}

else

{

var nowDate = new Date();//当前日期

nowDate.setMonth(nowDate.getMonth()-2);//将cookie的过期时间设置为之前的某个日期

cookieExpires = nowDate.toGMTString();//过期时间的格式必须是GMT日期的格式

setCookie("userName","",cookieExpires,"");//删除一个cookie只要将过期时间设置为过去的一个时间即可

}

return true;

}

div{

font-size:12px;

}

用户名:

密 码:

记住用户名

注意:

由于google Chrome浏览器为了安全只支持online-cookie,所以在本地测试时是没有效果的,需要上传到服务器试一下。

希望本文所述对大家JavaScript程序设计有所帮助。

html获取cookiejs,javascript设置和获取cookie的方法实例详解相关推荐

  1. java 获取用户的MAC地址多种方法实例详解

    java 获取用户的MAC地址多种方法实例详解 这篇文章主要介绍了JAVA实现获取用户的MAC地址的多种方法实例,需要的朋友可以参考下 java实现获取用户的MAC地址方法: 方法一:将本机地址与局域 ...

  2. java pdf 页眉_itext生成PDF设置页眉页脚的实例详解

    itext生成PDF设置页眉页脚的实例详解 实例代码: /** * ITextTest * iText生成PDF加入列表,注释等内容,同时设置页眉和页脚及页码等. */ package com.lab ...

  3. java导出pdf页码设置_itext生成PDF设置页眉页脚的实例详解

    itext生成pdf设置页眉页脚的实例详解 实例代码: /** * itexttest * itext生成pdf加入列表,注释等内容,同时设置页眉和页脚及页码等. */ package com.lab ...

  4. 【ArcGIS风暴】ArcGIS10.6获取栅格影像边界范围的三种方法案例详解

    基于ArcGIS平台有多种办法可以提取栅格影像边界,常见的方法有3种: 栅格范围(Raster Domain) 栅格转面(Raster to Polygon) 创建轮廓(BuildFootprints ...

  5. java 获取oracle表结构_Java导出oracle表结构实例详解

    Java导出oracle表结构实例详解 发布于 2020-7-20| 复制链接 摘记:  Java导出oracle表结构实例详解最近用到的,因为plsql是收费的,不让用,找了很多方法终于发现了这个. ...

  6. IDEA中如何设置文件头注释和方法注释(详解)

    文件头注释和方法注释的两种方式 方法一: 文件头注释: 打开File–>Settings–>Editor–>File and Code Templates–>includes– ...

  7. JS(javascript)中this的几种用法实例详解

    本文主要介绍了javascript(以下简称js)中 this 用法,结合具体实例详细分析一下js中 this 的含义及使用方法,需要的朋友可以参考下. this 是 JavaScript 语言的一个 ...

  8. 微星主板黑苹果_技嘉X79-UD7主板设置一键启动u盘方法【详解】

    技嘉主板一键启动u盘的快捷键是什么?X79-UD7型号的技嘉主板如何设置u盘启动?今天IT百科教大家技嘉X79-UD7主板的一键启动u盘的方法. 首先插入已经使用 u启动 制作好启动盘的u盘到电脑主机 ...

  9. Element Plus 实例详解(一)___安装设置

    Element Plus 实例详解(一) ___安装设置 本篇目录: 一.前言 二.安装方法 1.环境支持 2.Element Plus安装使用方式 (1).使用包管理器 (2).浏览器直接引入 3. ...

最新文章

  1. 自然语言处理:汉语分词
  2. Wireshark抓包工具使用教程以及常用抓包规则
  3. 使用Latex排版一篇IEEE文章
  4. Binder相关面试总结(六):四大组件底层的通信机制是怎样的
  5. 「Vue」vue生命周期
  6. linux下安装mysql笔记
  7. Code Hunt SECTOR 10 - 11(Jagged Arrays Arrays 2)
  8. 前端学习(2917):上午回顾
  9. python数组排序sort_详解python中sort排序使用
  10. 长沙营智:PolarDB助力长沙营智提速资讯搜索业务
  11. 随机初始化(代码实现)
  12. 斐波那契数列(Java递归)
  13. MySQL教程:MySQL数据库学习宝典(从入门到精通)
  14. 【CV】第 9 章:使用多任务深度学习的动作识别
  15. 蜀门Online加密分析
  16. EasyExcel如何返回业务处理中的错误信息
  17. C语言——冒泡排序(分析详解)
  18. 选择排序、冒泡排序、插入排序、快速排序、希尔排序、归并排序、堆排序和希尔排序的java实现比较
  19. 嵌入式C设计模式---职责链设计模式
  20. Visual Studio Code(VSCODE)自定义语言和颜色主题

热门文章

  1. 旅游常识:预订、求助、安全、通关
  2. apcups命令_APCups电源如何安装计算机AP9631 串口超级终端配置
  3. 基于jersey的resuftul开发教程
  4. 接口文档 HTML,附录1:接口文档参考模板
  5. cass生成曲线要素文件_南方cass绘图软件中的公路曲线设计文件是什么格式
  6. idea导入导出sql文件
  7. ABtest--通过广告点击率指标比较两组营销策略的广告投放效果
  8. 常用设计模式系列(一)—简单工厂模式
  9. jquery的$.ajax()利用FormData数据类型与php后台交互
  10. JavaScript实现全选/全不选操作