html5的localStorage和ie的userData简答用法,可实现微博未发布文字保留功能。
2011-11-18 17:34
531 查看
var editor = document.getElementById("editor"); editor.value=""; var UserData = { userData : null, name : location.hostname, //this.name = "css88.com"; init:function(){ if (!UserData.userData) { try { UserData.userData = document.createElement('INPUT'); UserData.userData.type = "hidden"; UserData.userData.style.display = "none"; UserData.userData.addBehavior ("#default#userData"); document.body.appendChild(UserData.userData); var expires = new Date(); expires.setDate(expires.getDate()+365); UserData.userData.expires = expires.toUTCString(); } catch(e) { return false; } } return true; }, setItem : function(key, value) { if(UserData.init()){ UserData.userData.load(UserData.name); UserData.userData.setAttribute(key, value); UserData.userData.save(UserData.name); } }, getItem : function(key) { if(UserData.init()){ UserData.userData.load(UserData.name); return UserData.userData.getAttribute(key) } }, remove : function(key) { if(UserData.init()){ UserData.userData.load(UserData.name); UserData.userData.removeAttribute(key); UserData.userData.save(UserData.name); } } }; window.onbeforeunload=function(){ if(!window.localStorage){ UserData.setItem('editor-text',editor.value); }else{ localStorage.setItem('editor-text',editor.value); } }; window.onload=function(){ if(!window.localStorage){ if(UserData.getItem('editor-text')==undefined) { editor.value=""; }else{ editor.value=UserData.getItem('editor-text'); } }else{ if(localStorage.getItem('editor-text')!=null){ editor.value=localStorage.getItem('editor-text'); }else{ editor.value=""; } } }; document.getElementById("save").onclick=function(){ //localStorage.removeItem('text'); if(!window.localStorage){ UserData.remove('editor-text'); }else{ localStorage.removeItem('editor-text'); } }
原地址:http://www.css88.com/demo/localstorage/
相关文章推荐
- 本地存储(html5的localStorage和ie的userData)微博回填功能
- HTML5本地存储localStorage、sessionStorage及IE专属UserData
- JavaScript本地存储实践(html5的localStorage和ie的userData)的实例页面
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- HTML5本地存储localStorage、sessionStorage及IE专属UserData
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- JavaScript本地存储实践(html5的localStorage和ie的userData)的实例页面
- JavaScript本地存储实践(html5的localStorage和ie的userData)
- Java Web使用Html5 FormData实现多文件上传功能
- IE 之 userData 模拟 localStorage
- IE低版本下实现html5的placeholder(表单提示)功能
- 点滴积累【JS】---JS小功能(JS实现模仿微博发布效果)
- 99信息发布网,添加收藏,设置为首页功能,ie上可以实现的;
- 通过HTML5的getUserMedia实现拍照功能