文档章节

本地存储

 六块腹肌的人男人
发布于 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){});//修改数据
});

© 著作权归作者所有

共有 人打赏支持
粉丝 0
博文 4
码字总数 1538
作品 0
朝阳
分享6个实用的HTML5本地存储(Local Storage)教程

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

gbin1
2011/12/12
2.8K
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
localStorage/cookie 用法分析与简单封装

  本地存储是HTML5中提出来的概念,分localStorage和sessionStorage。通过本地存储,web应用程序能够在用户浏览器中对数据进行本地的存储。与 cookie 不同,存储限制要大得多(至少5MB),...

杨小匠
07/16
0
0
Html5 学习系列(六)Html5本地存储和本地数据库

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

aicoder
2014/08/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

OSChina 周日乱弹 —— 种族不同,禁止交往

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《苏菲小姐》- 鱼果 《苏菲小姐》- 鱼果 手机党少年们想听歌,请使劲儿戳(这里) @貓夏:下大雨 正是睡觉的好时候 临睡前...

小小编辑
今天
226
6
Python 搭建简单服务器

Python动态服务器网页(需要使用WSGI接口),基本实现步骤如下: 1.等待客户端的链接,服务器会收到一个http协议的请求数据报 2.利用正则表达式对这个请求数据报进行解析(请求方式、提取出文...

代码打碟手
今天
1
0
Confluence 6 删除垃圾内容

属性(profile)垃圾 属性垃圾的定义为,一个垃圾用户在 Confluence 创建了用户,但是这个用户在自己的属性页面中添加了垃圾 URL。 如果你有很多垃圾用户在你的系统中创建了属性,你可以使用...

honeymose
今天
1
0
qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
今天
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部