首页 > 代码库 > JS本地存储信息的实现方式(localStorage 与 userData)
JS本地存储信息的实现方式(localStorage 与 userData)
详细介绍请看:
http://www.cnblogs.com/beiyuu/archive/2011/07/20/js-localstorage-userdata.html
里面涉及到的 demo 代码如下:
<script type="text/javascript">(function() { window.localData = http://www.mamicode.com/{"none"; this.dataDom.addBehavior(‘#default#userData‘); document.body.appendChild(this.dataDom); var exDate = new Date(); exDate = exDate.getDate() + 30; this.dataDom.expires = exDate.toUTCString(); } catch (ex) { return false; } } return true; }, set : function(key, value) { if (this.isLocalStorage) { window.localStorage.setItem(key, value); } else { if (this.initDom()) { this.dataDom.load(this.hname); this.dataDom.setAttribute(key, value); this.dataDom.save(this.hname) } } }, get : function(key) { if (this.isLocalStorage) { return window.localStorage.getItem(key); } else { if (this.initDom()) { this.dataDom.load(this.hname); return this.dataDom.getAttribute(key); } } }, remove : function(key) { if (this.isLocalStorage) { localStorage.removeItem(key); } else { if (this.initDom()) { this.dataDom.load(this.hname); this.dataDom.removeAttribute(key); this.dataDom.save(this.hname) } } } }; var text = document.getElementById(‘localDataHook‘); var btn = document.getElementById(‘clearBtnHook‘); window.onbeforeunload = function() { localData.set(‘beiyuuData‘, text.value); }; btn.onclick = function() { localData.remove(‘beiyuuData‘); text.value = http://www.mamicode.com/‘‘>
还有一个比较实用的技术,阻止页面关闭,显示 关闭页面确认弹出框,参考代码如下:
window.onbeforeunload = function() { if (!canLeavePage()) { return (‘确认离开当前页面吗?未保存的数据将会丢失!‘); }};JS本地存储信息的实现方式(localStorage 与 userData)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。