JavaScript之cookie

最新推荐文章于 2022-11-19 17:25:00 发布

绝境羔羊

最新推荐文章于 2022-11-19 17:25:00 发布

阅读量123

点赞数

分类专栏：自学笔记文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_43160001/article/details/94960905

版权

自学笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

cookie

作用

cookie用于浏览器保存信息，一般用于自动登陆、记住用户名。

特性

1、同一个域名中的所有页面共享一套cookie。
2、数量大小有限，4k—10k。
3、具有过期时间

在JS中使用cookie

document.cookie 设置或查看cookie

设置cookie的格式：名字=值
例如：document.cookie = ‘zhangsan = 1234124’;
注意：不同名字的cookie不会覆盖，只有名字相同的cookie会覆盖。

设置过期时间expires
格式：expires = 时间
注意：设置过期时间需要通过Date()对象。

//设置4天后过期
var oDate = new Date();
oDate.setDate(getDate()+4);
document.cookie = 'name = value;expires=' + oDate;

封装cookie的使用

//设置cookie
function setCookie(name,value,iDay){
    var oDate = new Date();
    oDate.setDate(getDate());
	document.cookie = name + '=' + value + ';expires = ' + oDate;
}
//获取cookie
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 '';
}
//删除cookie
function removeCookie(name){
	setCookie(name,1,-1);
}

封装cookie测试实例

记录上次登陆用户名

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">
      window.onload = function (){
        var oForm = document.getElementById('form')[0];
        var oUser = document.getElementsByName('user')[0];
        oForm.onsubmit = function (){
          setCookie('user',oUser.value,14);
        }
        oUser.value = getCookie('user');
      }
    </script>
  </head>
  <body>
    <form id='form' action="www.baidu.com">
      用户名：<input type="text" name="user">
      密  码：<input type="password" name='pwd'>
      <input type="submit">
    </form>
  </body>
</html>

绝境羔羊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript之cookie

cookie作用cookie用于浏览器保存信息，一般用于自动登陆、记住用户名。特性1、同一个域名中的所有页面共享一套cookie。2、数量大小有限，4k—10k。3、具有过期时间在JS中使用cookiedocument.cookie 设置或查看cookie设置cookie的格式：名字=值例如：document.cookie = ‘zhangsan = 1234124’...
复制链接

扫一扫