转载自【http://www.656463.com/article/339】
1、HTML 本地存储介绍
本地存储相当于一个超大型的Cookie，可以通过浏览器存储相关数据
2、HTML5localStorage 操作使用
在HTML5中，本地存储是一个window的属性，包括localStorage和 sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，后者只是伴随着session，窗口一旦关闭就没了。二者 用法完全相同。
if (window.localStorage) {
alert('浏览器支持！');
} else {
alert('不支持！');
}
三种设置本地存储的方法
localStorage.t1 = "www.656463.com";
localStorage["t2"] = "HTML5";
localStorage.setItem("t3","领悟书生");
三种访问本地存储的方法
localStorage.t1;
localStorage["t2"];
localStorage.getItem("t3");
其他扩展
localStorage.removeItem();//清除
localStorage.clear() //清除所有
localStorage.length //获得多少键
localStorage.key()//获得存储的键内容
3、示例
<!DOCTYPE html>
<head>
<meta charset=gbk>
<title>HTML5 Local Storage 本地存储</title>
</head>
<body>
<script type="text/javascript">
/*if (window.localStorage) {
alert('浏览器支持！');
} else {
alert('不支持！');
}*/
//设置本地存储
localStorage.t1 = "www.656463.com";
localStorage["t2"] = "HTML5";
localStorage.setItem("t3","领悟书生");
//访问本地存储
for(var i = 0;i<localStorage.length;i++){
document.write(localStorage.key(i)+"-->"+
localStorage.getItem(localStorage.key(i))+"<br>")
}
localStorage.removeItem("t1");
localStorage.clear();
</script>
</body>
</html>
分享到：
相关推荐
角度本地存储Angular 本地存储服务。安装在您的应用中包含“local-stroage.service.js”。 将“dk.localStorage”作为模块依赖项添加到您的应用程序。用法该模块公开了一个“LocalStorage”工厂，它是 HTML5 ...
15.本地存储JavaScript30进行本地存储19/10/17描述这是本地存储，在Wes Bos提出的每30天30天的Vanilla JavaScript Coding Challenge中，有30个应用程序中的第15个应用程序。 请检查来自的挑战。关于此应用程序： ...
为Kubernetes用户提供了一种使用每个节点中的本地存储的方式。 根据用户配置，本地路径提供程序将在节点上自动创建基于hostPath的持久卷。 它利用了Kubernetes引入的，但使其比Kubernetes内置的local卷功能更简单。 ...
本地存储本地存储和事件委托
登录-注册-本地存储-联系方式
面向对象的本地存储操作 版本： 1.0 克隆仓库： git clone
通过两个指令将 html 形式的数据与本地或会话存储链接起来。 也可以用一个存储绑定多个表单。 vsHandyStorage 使用 ngStorage 模块作为依赖。 安装 bower install vs-handy-storage 用法 | 将 vsHandyStorage.js ...
清除HTML 5本地存储和缓存。 构建离线应用程序？ 需要一个简单高效的工具来清理本地存储和缓存吗？ 此扩展名适合您！ 它允许您清除HTML 5 Local Storage和缓存（JS，...）。 当前本地存储将根据范围删除。 它非常...
堆本地存储基于堆（优先队列）缓存在 HTML5 localStorage 中。 这是 localStorage 之上的一个简单的缓存实现。 当元素的大小超过允许的最大元素数时，它利用堆（优先队列）算法（）来驱逐元素。 对于每个项目，它...
Html5 的local storage 是通过浏览器在本地存储的数据。基本使用方法如下： JavaScript Code复制内容到剪贴板 [removed] localStorage.firstName = "Tom"; alert(localStorage.firstName); ...
从html5开始，浏览器本地存储能力已经变的很强大了，但是每一种存储的api都不相同，BrowserStorage将本地存储封装成同一api，极大的方便了使用。
多 亏了HTML5的 local storage ，我们可以让高级浏览器"记住"我们输入的内容，就算后来浏览器关闭或者重新刷新也不受影响。尽管不是所有的浏览器都支持，但是最关键的 Internet Explorer 8, Safari 4, Firefox 3.5....
对于只存储某些字段的需求来说，可以使用Local Storage和 Session Storage来完成。但是一旦存储大量的数据，Local Storage和 Session Storage就远远不能满足需求了。这时，IndexedDB的强大之处就会体现出来了。 1、...
清除HTML 5本地存储和缓存。 构建脱机应用程序？ 需要一个简单高效的工具来清理本地存储和缓存？ 这个延期适合您！ 它允许您清除HTML 5本地存储和缓存（JS，...）。 当前本地存储根据范围删除。 它非常简单且快速：...
除了 angular 库、angular-material 和 angular-local-storage 之外，没有任何依赖项。 您可以使用 bower install 添加依赖项，它们将自动添加并包含到您的 index.html 和 karma 配置中。 Etsy API JSONP 接口使用...
Countires网站 通过输入国家名称获取国家标志，本地名称和国际名称的网站 目录 基本信息 这个项目是简单的网站，...所有数据search-input, favorites将保留在本地存储中 技术领域 JS ECMAScript HTML5 CSS Github链接
App5.storage.local : 使用本地存储 App5.storage.cookie : 使用cookie App5.db : 使用网络数据库 App5.mobile : 使用移动功能 App5.HTML : 操作 HTML 文档 App5.history : 使用浏览器历史记录 App5.Geo：使用地理...
小帮手 check-for-mobile-device.js-检查访问者是否正在通过移动设备浏览... check-if-local-storage-is-supported.js-检查访问者的浏览器是否支持本地存储。 filter-table.html-使用纯JSHTML表的简单而纤细的过滤器。
HTML新增的本地存储解决方案之一 LocalStorage 本地永久性存储数据，除非显式将其删除或清空 SessionStorage 存储的数据只在会话期间有效，关闭浏览器则自动删除 Sqlite 一款轻型的数据库，是遵守ACID的关系型...