参考文章:
http://www.iteye.com/topic/983810
<script type="text/javascript">
if (window.localStorage) {
//alert(window.localStorage);
//alert('internet exploer is support local storage!');
} else {
//alert('internet exploer is no support local storage!');
}
if (window.sessionStorage) {
//alert(window.sessionStorage);
//alert('internet exploer is support session storage!');
} else {
//alert('internet exploer is no support session storage!');
}
//html5本地存储
//设置变量
window.localStorage.a = 'liuhui';
//alert(window.localStorage.a);
localStorage.b = 'liuhuib';
//alert(localStorage.b);
localStorage.a = 'liuhuia';
//alert(localStorage.a);
localStorage.setItem('c', 'liuhuic');
//alert(localStorage.c);
//alert(localStorage.getItem('c'));
localStorage.removeItem('c');//c value is null
//alert(localStorage.getItem('c'));
//localStorage.clear();//
//alert(localStorage.b);//note property b so value undefined
/*
我测试了一下。localStorage.removeItem(property)
和localStorage.clear();//清空所有
有一点差别:
removeItem 对象localStorage来说属性仍然存在,只是值为null
而使用clear(),则没有该属性了,alert(localStorage.property) 输出undefined
或者说改属性赋值undefined
*/
for ( var j = 0; j < localStorage.length; j++) {
alert(localStorage.key(j) + ' --- '
+ localStorage.getItem(localStorage.key(j)));
}
//localStorage example:
/*
* 需要注意的是,HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,
所以读取的时候,需要自己进行类型的转换。
这也就是上一段代码中parseInt必须要使用的原因。
*/
//var myDiv = document.createElement('DIV');
var calculateNumberStr = localStorage.getItem('count');
if (calculateNumberStr) {//'0' experssion is true that used boolean runtime
localStorage.setItem('count', 0);
} else {
localStorage.setItem('count', parseInt(calculateNumberStr) + 1);
}
document.getElementById('a').innerHTML = '<font color=\'red\'>'
+ localStorage.getItem('count') + '</font>';
//alert(myDiv.innerHTML);
//document.body.appendChild(myDiv);
//note:chorme browers no support defer attribute so use myLocalStorage 函数
//chorme浏览器不支持defer=true属性
function myLocalStorgae() {
//var myDiv = document.createElement('DIV');
var calculateNumberStr = localStorage.getItem('count');
//alert(calculateNumberStr);
if (!calculateNumberStr) {//'0' experssion is true that used boolean runtime
localStorage.setItem('count', 0);
} else {
localStorage.setItem('count', parseInt(calculateNumberStr) + 1);
}
document.getElementById('a').innerHTML = '<font color="red">'
+ localStorage.getItem('count') + '</font>';
//alert(eleNode);
//alert(myDiv.innerHTML);
//document.body.appendChild(myDiv);
}
</script>
分享到:
相关推荐
在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的...
cookie使用,localStorage使用, cookie的简单使用。Html5中localStorage的使用
html 5 localStorage本地存储
此文档主要是通过html5实现本地存储的,欢迎大家下载
HTML5 localStorage 页面数据同步demo。 演示方法,同时打开localstorage1.html, localstorage2.html, localstorage3.html,需用用http方式打开,修改任意一个后,点save或clear。 其他两个页面会同步更新。
locstor, 用于 HTML5 localStorage的JavaScript helper 库 ## locstor.js 一个 localStorage helper 库支持所有现代浏览器和内容为什么是 locstor.js?API插件运行单元测试如何贡献问题/评论 ?让我们面对它,HTML5...
使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 localStorage.valueOf( )//获取全部值 localStorage.removeItem(key)//删除单个值,注意引号 ...
使用HTML+CSS+Javascript(ES6) / jQuery以及LocalStorage实现简易的学生管理系统,支持学生信息(学号、姓名、专业、班级)的CRUD
HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储
android与html5的交互——数据库操作,UI操作,以及html5的localStorage、定位功能,还有简单的跳转页面
主要介绍了HTML5中Localstorage的使用教程,Localstorage被用于浏览器和系统交互的本地传出,需要的朋友可以参考下
在HTML 5中,localstorage是个不错的东西,在支持localstorage的浏览器中, 能持久化用户表单的输入,即使关掉浏览器,下次重新打开浏览器访问,也能读出其值, 下面给出的例子是使用jquery 在每次表单加载的时候,...
html5的一个非常cool的功能,就是web storage,类似于之前的cookie,不过与之不同的是,web storage 拥有本地5兆的容量可以存储,而cookie却只有4K,这是完全不能比的优势。webstrange又分为:localstorage,...
原生html5,js利用localStorage写的历史输入预选(仿百度)
使用HTML5 Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。 页面参考如下图,能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。 localStorage(本地存储),可以长期存储数据,...
localStorage是html5新增的一个本地存储API,它有5M的大小空间,通过(key,value)的方式存储在浏览器中 window.localStorage.setItem('key', value); //储存文件 window.localStorage.getItem('key'); //读取文件 ...
本篇文章主要介绍了HTML5 LocalStorage 本地存储 ,HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。有兴趣的可以了解一下。