前端学习之本地储存与cookie
来源:互联网 发布:渔夫淘宝秒杀神器2.0 编辑:程序博客网 时间:2024/06/07 07:19
今天主要的学习内容是cookie与本地储存的知识,
在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。
if(window.localStorage){
alert('This browser supports localStorage');
}else{
alert('This browser does NOT support localStorage');
}
而读取、写、删除操作方法有很多方法,也很简单,但长用getItem()和setItem(),清除键值对使用removeItem()。如果希望一次性清除所有的键值对,可以使用clear()。
localStorage.setItem("user","abcd");
localStorage.setItem("user1","abcd1");
localStorage.removeItem("user");
在说说cookie。
cookie 是存储于访问者的计算机中的变量,用来存放一些数据。在我们浏览页面时,经常会填写自己的名字等,这些会被存放于cookie中。
学习cookie主要有3个函数,包括创建cookie,获取cookie中的值,删除cookie。
创建cookie:
function setcookie(name,value,iday){
var odate=new Date();
odate.setDate(odate.getDate()+iday);
document.cookie=name+"="+value+";expires="+odate;
}
获取cookie:
function setcookie(name){
var cookies=document.cookie;
var arr1=cookies.split("; ");
for (i=0;i<arr1.length;i++){
var arr2=arr1[i].split("=")
if(name==arr2[0]){
return arr2[1];
}
}
return false;
}
删除cookie:
function removecookie(name){
setcookie(name,"","-1") //通过建立cookie的时间设置,将时间设置为提前一天;
}
加油。。。明天会更好!!
- 前端学习之本地储存与cookie
- 本地储存localStorage与cookie的区别
- HTML5WebStorage本地储存之Session
- 前端开发日记之cookie的学习
- 本地存储之Cookie与Storage
- js本地储存Cookie和Session简单对比
- js本地储存web Storage和cookie的区别
- Html5本地储存localStorage 之储存json数组
- Android 数据储存的方式之本地数据库储存
- 前端面试之cookie
- h5储存和cookie储存
- cookie与session学习之二--cookie是什么(zl)
- cookie与session学习之四--cookie机制zl)
- cookie与session学习之六--cookie的一些应用
- cookie与session学习之七--cookie缺陷(zl)
- cookie与session学习之八--cookie欺骗(zl)
- php5学习笔记之cookie 与 session
- [前端] nodejs之cookie入门
- CodeIgniter框架数据库ar类查询分页和总数量的方法
- erlang的消息队列
- PHP爬虫框架Beanbun
- ES6学习笔记(一)
- 使用lambda需要的注意事项
- 前端学习之本地储存与cookie
- pry使用
- 正则匹配url对应参数名的值
- 为iPhone X设计
- 站在 Java 后端视角来理解目前的前端开发
- Maven打包Spring boot,把依赖和配置文件及前端代码提取到jar文件外
- apache整合Tomcat 集群负载均衡配置
- 推荐一款数据恢复软件(迅龙数据恢复)
- cas单点登录客户端(asp.net mvc4)配置