js本地存储解决方案(localStorage与userData)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了js本地存储解决方案(localStorage与userData)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2583字，纯文字阅读大概需要4分钟。
内容图文
WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。
在XP下，一般位于C:\Documents and Settings\用户名\UserData，有些时候会在C:\Documents and Settings\用户名\Application Data\Microsoft\Internet Explorer\UserData。
在Vista下，位于C:\Users\用户名\AppData\Roaming\Microsoft\Internet Explorer\UserData；单个文件的大小限制是128KB，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。在受限站点里这两个值分别是64KB和640KB，所以如果考虑到各种情况的话，单个文件最好能控制64KB以下。
sessionStorage与localStorage
Web Storage实际上由两部分组成：sessionStorage与localStorage。
sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
userData
语法：
XML <Prefix: CustomTag ID=sID STYLE="behavior:url(‘#default#userData‘)" />
HTML <ELEMENT STYLE="behavior:url(‘#default#userData‘)" ID=sID>
Scripting object .style.behavior = "url(‘#default#userData‘)"
object .addBehavior ("#default#userData")
属性:
expires 设置或者获取 userData behavior 保存数据的失效日期。
XMLDocument 获取 XML 的引用。
方法:
getAttribute() 获取指定的属性值。
load(object) 从 userData 存储区载入存储的对象数据。
removeAttribute() 移除对象的指定属性。
save(object) 将对象数据存储到一个 userData 存储区。
setAttribute() 设置指定的属性值。
localStorage
方法：
localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value)：将value存储到key字段
localStorage.removeItem(key):删除指定key本地存储的值
封装
localData: {
hname: location.hostname ? location.hostname: "localStatus",
isLocalStorage: window.localStorage ? true: false,
dataDom: null,
initDom: function() {
if (!this.dataDom) {
try {
this.dataDom = document.createElement("input");
this.dataDom.type = "hidden";
this.dataDom.style.display = "none";
this.dataDom.addBehavior("#default#userData");
document.body.appendChild(this.dataDom);
var b = new Date();
b = b.getDate() + 30;
this.dataDom.expires = b.toUTCString()
} catch(a) {
returnfalse
}
}
returntrue
},
set: function(a, b) {
if (this.isLocalStorage) {
window.localStorage.setItem(a, b)
} else {
if (this.initDom()) {
this.dataDom.load(this.hname);
this.dataDom.setAttribute(a, b);
this.dataDom.save(this.hname)
}
}
},
get: function(a) {
if (this.isLocalStorage) {
return window.localStorage.getItem(a)
} else {
if (this.initDom()) {
this.dataDom.load(this.hname);
returnthis.dataDom.getAttribute(a)
}
}
},
remove: function(a) {
if (this.isLocalStorage) {
localStorage.removeItem(a)
} else {
if (this.initDom()) {
this.dataDom.load(this.hname);
this.dataDom.removeAttribute(a);
this.dataDom.save(this.hname)
}
}
}
}
原文：http://www.cnblogs.com/human/p/3530251.html
内容总结
以上是互联网集市为您收集整理的js本地存储解决方案(localStorage与userData)全部内容，希望文章能够帮你解决js本地存储解决方案(localStorage与userData)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。