【实验室】localStorage实现本地存储
2014-06-17 15:38
375 查看
HTML代码如下:
Js代码如下:
显示效果如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin</title> </head> <body> <h1>web stroage</h1> <input type="text" id='input'> <p id="msg"></p> <button type="button" value="保存数据" onclick="saveStorage('input');">保存数据</button> <button type="button" value="显示数据" onclick="loadStorage('msg');">显示数据</button> </body> </html>
Js代码如下:
function saveStorage(x){ var _this=document.getElementById(x); var _value=_this.value; localStorage.setItem('key',_value); } function loadStorage(y){ var msg= document.getElementById('msg'); var key = localStorage.getItem('key'); msg.innerHTML= key; }
显示效果如下:
相关文章推荐
- Html5系列(十一)store.js - 轻松实现本地存储(LocalStorage)
- 实现跨文档信息传递之localStorage本地存储方法
- HTML5本地存储Localstorage实现注册登录以及验证
- [分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技
- JS实现本地存储信息的方法(基于localStorage与userData)
- HTML5本地存储-localStorage如何实现定时存储
- AngularJS之ionic 框架下实现 Localstorage本地存储
- 轻松实现localStorage本地存储
- html5 localStorage实现表单本地存储
- store.js - 轻松实现本地存储(LocalStorage)
- store.js - 轻松实现本地存储(LocalStorage)
- store.js - 轻松实现本地存储(LocalStorage)
- AngularJS(4)——ionic 框架下实现 Localstorage本地存储
- html5 localStorage实现表单本地存储
- javascript之store.js 轻松实现本地存储(LocalStorage)
- HTML5本地存储-localStorage如何实现定时存储
- angularjs ionic框架实现 Localstorage本地存储,页面刷新数据仍在
- store.js - 实现本地存储(LocalStorage)
- 轻松实现本地存储(LocalStorage)-store.js
- 轻松实现localStorage本地存储