文档章节

本地存储

 六块腹肌的人男人
发布于 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

没有更多内容

加载失败,请刷新页面

加载更多

awk命令用法介绍

10月18日任务 9.6/9.7 awk 1.awk(上)(下) 1.awk 分段操作功能 指定分隔符,并把第一段打印出来,不会改动文件内容 将所有内容打印出来 awk 没有指定分隔符号,则会默认用空格或者空白字符...

hhpuppy
49分钟前
2
0
Spring Cloud Eureka Server高可用之:在线扩容

本文共 1591字,阅读大约需要 6分钟 ! 概述 业务微服务化以后,我们要求服务高可用,于是我们可以部署多个相同的服务实例,并引入负载均衡机制。而微服务注册中心作为微服务化系统的重要单元...

CodeSheep
今天
2
0
内网esxi主机上安装CoreOS虚拟机

CoreOS是一个为专门运行容器而设计的轻量级linux发行版,旨在通过轻量的系统架构和灵活的应用程序部署能力简化数据中心的维护成本和复杂度。它没有包管理工具,运行容器化应用以提供服务;默...

hiwill
今天
1
0
20181018 上课截图

![](https://oscimg.oschina.net/oscnet/49f66c08ab8c59a21a3b98889d961672f30.jpg) ![](https://oscimg.oschina.net/oscnet/a61bc2d618b403650dbd4bf68a671fabecb.jpg)......

小丑鱼00
今天
3
0
WinDbg

参考来自:http://www.cnit.net.cn/?id=225 SRV*C:\Symbols*http://msdl.microsoft.com/download/symbols ctrl + d to open dump_file Microsoft (R) Windows Debugger Version 6.12.0002.633......

xueyuse0012
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部