本地存储
本地存储
六块腹肌的人男人 发表于1年前
本地存储
  • 发表于 1年前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 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){});//修改数据
});
标签: cookies
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 4
码字总数 1538
×
六块腹肌的人男人
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: