文档章节

本地存储

 六块腹肌的人男人
发布于 2016/11/28 17:49
字数 555
阅读 1
收藏 0

1、cookie

用法:

document.cookie="user=joke";//创建cookie
var cookies=document.cookie;//读取cookie
document.cookie="user=hele";//修改cookie和创建cookie是一样的; 

document.cookie="user=joke; expires=Thu, 18 Dec 2013 12:00:00 GMT";//设定过期时间,默认关闭页面过期。
document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";//置顶路径,默认是当前路径

封装成函数:

function setCookie(cname,cvalue,exdays){ //设置cookie
	if(exdays){
		var d = new Date();
		d.setTime(d.getTime()+(exdays*24*60*60*1000));
		var expires = "expires="+d.toGMTString();
		document.cookie = cname + "=" + cvalue + "; " + expires;
	}else{
		document.cookie = cname + "=" + cvalue;
	}
} 
setCookie("username",user,365);
function getCookie(cname)//查询cookie
{
	var name = cname + "=";
	var ca = document.cookie.split(';');
	for(var i=0; i<ca.length; i++) {
		var c = ca[i].trim();
	  if (c.indexOf(name)==0) return c.substring(name.length,c.length);
	}
	return "";
}
var a=getCookie('username')
function checkCookie() //检测是否是第一次访问
{
	var username=getCookie("username");
	if (username!=""){
		alert("欢迎再来 " + username);
	}
	else {
		alert("首次进来");
	}
}

cookie特点:1、大小限制为4kb,许多网站要求cookie小于20个。2、用户每请求一次服务器,cookie就会随请求发送给服务器。3、cookie 默认不可以存储中文 URLEncoder URLDecoder编解码处理。4、不同的浏览器 cookie在操作系统中存放的位置不同。不能把核心功能交给cookie完成,cookie完成一些可有可无的辅助性功能   5、不安全6、可以被禁用

2、sessionStorage和localStorage

用法:

sessionStorage.hits = "aaa";//设置修改方式一样

localStorage.hits="aaa"//设置修改方式一样
localStorage.remove("hits")//删除
localStorage.clear()//删除

sessionStorage和localStorage的区别:

sessionStorage:页面关闭,数据就会被清除;localStorage:如果不手动清除,数据一直存在下去。

3、webSQL

用法:

var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);//接受5个参数:1、数据库名,2、版本号,
3、描述,4、大小,5、回调函数
db.transaction(function (tx) {
  tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');//有就打开没有就创建表格LOGS
  tx.executeSql('INSERT INTO LOGS (id, log) VALUES (3, "foobar")');//插入数据

  tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {//查询表格所有内容
   var len = results.rows.length;
  }, function(tx,error){});

  tx.executeSql('SELECT * FROM LOGS WHERE id = ?', [3], function (tx, results) {}
  , function(tx,error){});//查询单个数据

  tx.executeSql('DELETE FROM LOGS', [], function (tx, results) {}, function(tx,error){});//删除所有

  tx.executeSql('DELETE FROM LOGS WHERE id= ?', [3], function (tx, results) {}
  , function(tx,error){});//删除单挑数据

  tx.executeSql('UPDATE LOGS SET LOG=? WHERE id= ?', ['header',3], function (tx, results) {}
  , function(tx,error){});//修改数据
});

© 著作权归作者所有

共有 人打赏支持
上一篇: http学习
下一篇: 前端
粉丝 0
博文 4
码字总数 1538
作品 0
朝阳
私信 提问
分享6个实用的HTML5本地存储(Local Storage)教程

日期:2011/12/12 来源:GBin1.com HTML5 中最强大并且最具有魅力的特性在于本地存储,使用本地存储可以大大的节约服务器端的压力,并且可以有效的利用客户端的计算性能。使用HTML5可以在客户...

gbin1
2011/12/12
2.9K
1
深入Hadoop磁盘部署的算法

在一个Hadoop集群中有不同类型的节点,它们对磁盘的要求是不同的。主(master)节点侧重于存储的可靠性,数据(data)节点就需要更好的读写性能,以及较大的容量。 在虚拟集群中,存储(dat...

vBigData
2013/10/28
0
0
Chrome - HTML 5 本地存储

现今介绍HTML 5的数据很多,本地存储是一个亮点。我只是做一点额外发现的补充。 1、chrome本地存储查看 本地存储可以分为WebStorage(Local Storage & Session Storage)、SQLLite, 使用chrom...

bobo_lin
2012/08/05
0
0
Html5 学习系列(六)Html5本地存储和本地数据库

//Demo:获取或者创建一个数据库,如果数据库不存在那么创建之var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });...

aicoder
2014/08/30
0
0
本地存储(localStorage、usedate)

WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的 WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通...

飛飛飛jjs
2017/06/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

二进制相关

二进制 众所周知计算机使用的是二进制,数字的二进制是如何表示的呢? 实际就是逢二进一。比如 2 用二进制就是 10。那么根据此可以推算出 5的二进制等于 10*10+1 即为 101。 在计算机中,负数以...

NotFound403
昨天
2
0
day22:

1、写一个getinterface.sh 脚本可以接受选项[i,I],完成下面任务: 1)使用格式:getinterface.sh [-i interface | -I ip] 2)当用户使用-i选项时,显示指定网卡的IP地址;当用户使用-I选项...

芬野de博客
昨天
1
0
Spring Cloud Alibaba基础教程:使用Nacos实现服务注册与发现

自Spring Cloud Alibaba发布第一个Release以来,就备受国内开发者的高度关注。虽然Spring Cloud Alibaba还没能纳入Spring Cloud的主版本管理中,但是凭借阿里中间件团队的背景,还是得到不少...

程序猿DD
昨天
3
0
Java并发编程:深入剖析ThreadLocal

ThreadLocal 的理解 ThreadLocal,很多地方叫线程本地变量,或线程本地存储。ThreadLocal为变量在每个线程中都创建了一个副本,每个线程可以访问自己内部的副本变量。===》解决的问题是线程间...

细节探索者
昨天
2
0
【Python3之异常处理】

一、错误和异常 1.错误 代码运行前的语法或者逻辑错误 语法错误(这种错误,根本过不了python解释器的语法检测,必须在程序执行前就改正) def test: ^SyntaxError: invalid...

dragon_tech
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部