html5本地存储
HTML5 :
将成为HTML、XHTML以及HTMLDOM的新标准。
HTML的上一个版本诞生于1999年。自从那以后,Web世界已经经历了巨变。
HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。
本地存储:
储存在用户本地终端上的数据,多数使用cookie
Cookie技术诞生以来,它就成了广大网络用户和Web开发人员争论的一个焦点。有一些网络用户,甚至包括一些资深的Web专家也对它的产生和推广感到不满,这并不是因为Cookie技术的功能太弱或其他技术性能上的原因,而是因为Cookie的使用对网络用户的隐私构成了危害。因为Cookie是由Web服务器保存在用户浏览器上的小文本文件,它包含有关用户的信息[2]。
websql数据库存储:
使用数据库进行数据存储,现在流行的数据库有:
1、Access一般用在小网站上,类似企业站,功能比较简单,对数据要求不高;
2、Mssql是一个比较大的完善的数据库,在windows上常用,配NETASP等程序。
3、Mysql是一个小型的公开源代码的免费数据库,在windows,linux上都常用,和PHP程序组成一对完美搭档。
⑵ HTML5本地存储代码相关问题
给你个例子领悟下吧
<scripttype="text/javascript">
varid=0;
vardb=getCurrentDb();//初始化数据库
show();
functionadd(){
save(id,document.getElementById("txtSendContent").value);
show();
}
functiongetCurrentDb(){
//打开数据库,或者直接连接数据库参数:数据库名称,版本,概述,大小
//如果数据库不存在那么创建之
vardb=openDatabase("Msg","1.0","it'stosavedemodata!",1024*1024);;
returndb;
}
functionshow(){
db.transaction(function(tx){
tx.executeSql("createtableifnotexistsMsg(idinteger,valuetext)",[]);
tx.executeSql("select*fromMsg",[],function(tx,rs){
document.getElementById("ulContent").innerHTML='';
for(vari=0;i<rs.rows.length;i++){
document.getElementById("ulContent").innerHTML+="<fontcolor='red'>mesay</font> :<li>"+rs.rows.item(i).value+"</li> ";
id=rs.rows.item(i).id+1;
}
});
})
}
functiondel(){
db.transaction(function(tx){
tx.executeSql("insertintoMsgvalues(?,?)",[id,value],function(tx,rs){
alert("InsertSuccess!");
},function(tx,error){
alert(error.source+"::"+error.message);}
);
})
}
functionsave(id,value){
db.transaction(function(tx){
tx.executeSql("insertintoMsgvalues(?,?)",[id,value],function(tx,rs){
alert("a1");
},function(tx,error){
alert(error.source+"::"+error.message);}
);
})
}
</script>
⑶ html5 的“本地存储”有什么作用,是用在什么地方的,还有。离线应用程序,都是用来做什么的!啊啊啊!!
html5的本地存储 就是一个轻量级的sqllite数据库
离线应用 是ApplicationCache 用于在断开网络连接的情况下 读取本地缓存
浏览器缓存 不安全
本地缓存 可以指定缓存页面 及文件
⑷ HTML5本地存储机制是怎样的
HTML5 是下一代 HTML 标准,开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上,在需要时获取。这点和 cookie 相似,区别是 DOM Storage 提供了更大容量的存储空间。
目前,在客户端保存数据使用最多的是 cookie,但 cookie 的大小上限为 4KB,并且每次请求一个新页面时 cookie 都会被发送过去。更多的存储空间需要浏览器本身或是插件的支持,例如只在 Internet Explorer 上使用的 userData,需要额外安装插件的 Google Gears 和 Flash。现在,HTML5 提供了一种标准的接口,使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上,在页面加载完毕后可以通过 JavaScript 来操作这些数据。
HTML5 的建议是每个网站提供给 Storage 的空间是 5MB,一般来说足够存字符串。如果存入的数据太大,有些浏览器如 Chrome 会抛出 QUOTA_EXCEEDED_ERR 异常。所以虽然 DOM Storage 提供的空间比 cookie 要大很多,但在使用需要注意限制。
安全性
一般不要在客户端存储敏感的信息,使用 localStorage、globalStorage 等在客户端存储的信息都非常容易暴露。应该在完成数据存储后使用 clear 或者 removeItem 方法清除保存在 Storage 对象中的数据。
存储事件驱动
如果想在存储成功或修改存储的值时执行一些操作,可以用 DOM Storage 接口提供的事件。
⑸ 如何设置html5本地存储
web存储最初作为HTML5的一部分被定义成API形式,但是后来被剥离出来作为独立的标准了。
web存储表转所描述的API包含localStorage对象和SessionStorage对象,这两个对象实际上是持久化关联数组,是名值对的映射表,“名”和“值”都是字符串。
例子:
varname=localStorage.username;//查询一个储存的值
name=localStorage["username"];//等价于数组表示法
if(!name){
name=prompt("whatisyourname?");
localStorage.username=name;
}
//迭代所有存储的name/value对
for(varnameinlocalStorage){
varvalue=localStorage[name];
}
⑹ html5本地存储和离线应用有什么区别
本地存储-谈到存储,一般说的是数据data,不管这个应用是在线还是离线。
离线应用-这个对应的是在线,也就是,没有网的情况下,也可以使用。
后者需要把代码、程序以及资源都放到本地,如果想要使用数据,则利用本地存储。
⑺ html5 的本地存储用在什么地方
缓存、临时信息的长期保存、离线信息等等很多用途
⑻ 关于html5 的 LocalStorage 本地存储
以下是五大浏览器localStorage存储方式:
除了Opera浏览器采用BASE64加密外(BASE64也是可以轻松解密的),其他浏览器均采用明文存储数据。
所以,建议不要使用localStorage方式存储敏感信息,那怕这些信息进行过加密。
以上参考《HTML5本地存储localstorage安全分析》
http://blog.csdn.net/yangdeli888/article/details/7735260
⑼ html5注册功能怎么将账号密码存储在本地
源码如下
<script>
//先查看是否有本地数据(记住密码)
/* function myfunction(){
var email = localStorage.getItem("email");
var password = localStorage.getItem("password");
if(email!=null&&password!=null){
alert("邮箱:"+email+"密码:"+password);
$.ajax({
url : '../servlet/LoginServlet?choose=login',
data : {
email : email,
password : password
},
dataType : 'json',
success : function(data) {
if (data.msg == "") {
alert("用户名或密码错误");
} else {
//登录成功后保存session,如果选择了记住密码,再保
存到本地
//window.location.href ='../index/index.jsp';
}
},
error : function() {
alert("系统错误");
}
});
}else{
//alert("没有信息");
}
}
function saveStorage(){
var email = document.getElementById("email").value;
localStorage.setItem("email",email);
var password = document.getElementById("password").value;
localStorage.setItem("password",password);
}
function login(){
$.ajax({
url : '../servlet/LoginServlet?choose=login',
data : {
email : $('#loginform input[name=email]').val(),
password : $('#loginform input[name=password]').val()
},
dataType : 'json',
success : function(data) {
if (data.msg == "") {
alert("用户名或密码错误");
} else {
//登录成功后保存session,如果选择了记住密码,再保存到
本地
window.location.href ='../index/index.jsp';
}
},
error : function() {
alert("系统错误");
}
});
}
function reg(){
$.ajax({
url : 'servlet/LoginServlet?choose=reg',
data : {
username : $('#regform input[name=username]').val(),
password : $('#regform input[name=password]').val(),
email : $('#regform input[name=email]').val(),
},
dataType : 'json',
success : function(data) {
if(data.msg == false){
alert("注册失败");
}else{
alert("注册成功请返回登录");
}
},
error : function() {
alert("系统错误");
}
});
} */
$(document).ready(function(){
//读取 localStage 本地存储,填充用户名密码,如果自动登录有值直接跳转
;
//相反,跳转到本页面,等待登陆处理
var storage = window.localStorage;
var getEmail = storage["email"];
var getPwd = storage["password"];
var getisstroepwd = storage["isstorePwd"];
var getisautologin = storage["isautologin"];
if("yes" == getisstroepwd)
{
if("yes" == getisautologin)
{
if(( ("" != getEmail) ||(null != getEmail)) && (("" !=
getPwd) ||(null != getPwd)))
⑽ 苹果手机支持html5本地存储吗
当然是支持的,要不然怎么做HTML5游戏的
HTMl5的sessionStorage和localStorage
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。
sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。