javascript cookie传统用法

最简单的设置cookie的方法

document.cookie="password=123456";

用expires设置cookie过期时间

<script>window.onload=function(){var oDate=new Date();oDate.setDate(oDate.getDate()+14);document.cookie="username=yanyan;expires="+oDate;//用expires设置cookie的过期时间// document.cookie="password=123456";console.log(document.cookie);}
</script>

封装设置cookie、获取cookie和删除cookie方法

<!DOCTYPE html>
<html><head><title>cookie封装</title><script>function setCookie(name,value,iDay){//name名字value值iDay多少天过期var oDate=new Date();oDate.setDate(oDate.getDate()+iDay);//参数传多少天，就过期多少天document.cookie=name+"="+value+";expires="+oDate;}function getCookie(name){var arr=document.cookie.split("; ");for(var i=0; i<arr.length; i++){var arr2=arr[i].split("=");if(arr2[0]===name){return arr2[1];}}return "";//如果没找到返回空字符串。}function removeCookie(name){setCookie(name,1,-1);//设置-1天过期，代表昨天已经过期}window.onload=function(){setCookie("userName","yanyan",10);//cookie存一个userName=yanyan，10天之后过期setCookie("password","123456",14);//14天之后过期console.log(document.cookie);//记得用火狐测试console.log(getCookie("userName"));}</script></head><body></body>
</html>

做一个小demo记住用户名

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>event兼容测试</title><script>function setCookie(name,value,iDay){//name名字value值iDay多少天过期var oDate=new Date();oDate.setDate(oDate.getDate()+iDay);//参数传多少天，就过期多少天document.cookie=name+"="+value+";expires="+oDate;}function getCookie(name){var arr=document.cookie.split("; ");for(var i=0; i<arr.length; i++){var arr2=arr[i].split("=");if(arr2[0]===name){return arr2[1];}}return "";//如果没找到返回空字符串。}function removeCookie(name){setCookie(name,1,-1);//设置-1天过期，代表昨天已经过期}window.onload=function(){var oForm=document.getElementById("form1");var oUser=document.getElementsByName("user")[0];oForm.onsubmit=function(){setCookie("user",oUser.value,14);}oUser.value=getCookie("user");}</script></head><body><form id="form1" action="http://www.baidu.com">用户名：<input type="text" name="user" /><br>密码：<input type="password" name="pass" /><br><input type="submit" value="登录" /></form></body>
</html>

javascript cookie传统用法相关推荐

Javascript的this用法
Javascript的this用法转自:http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html th ...
JavaScript中foreach()用法及使用的坑
JavaScript中foreach()用法及使用的坑 JavaScript中foreach是用于遍历数组的方法,将遍历到的元素传递给回调函数,遍历的数组不能是空的要有值. foreach 语法: [ ...
php中cookie的用法
php中cookie的用法是怎么样的?在php中使用cookie需要注意什么?cookie 是一种在远程浏览器端储存数据并以此来跟踪和识别用户的机制. PHP在http协议的头信息里发送cookie, ...
javascript typeof的用法
javascript typeof的用法 2007/07/31 18:49 经常会在js里用到数组,比如多个名字相同的input, 若是动态生成的, 提交时就需要判断其是否是数组. if(docum ...
Javascript：this用法
#Javascript:this用法整理 pingan 于星期三, 18/12/2013 - 22:32 提交常用Javascript的人都知道,［this这个关键字在一个函式内究竟指向谁］的这个 ...
php伪数组转换为数组,JavaScript伪数组用法实例
在Javascript中什么是伪数组?伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,但仍可以对真正数组遍历方法来遍历它们.本文实例讲述了JavaScript伪数组用法, ...
[JavaScript] Cookie,localStorage,sessionStorage概述
Cookie Cookie 是一些数据, 存储于你电脑上的文本文件中,当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息.Cookie 的作用就是存储 web 页面 ...
javascript中in用法介绍
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
js replace不改变原str_总结javascript replace高级用法
详解javascript replace高级用法在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行 ...

javascript cookie传统用法

最简单的设置cookie的方法

用expires设置cookie过期时间

封装设置cookie、获取cookie和删除cookie方法

做一个小demo记住用户名

javascript cookie传统用法相关推荐

最新文章

热门文章