zoukankan      html  css  js  c++  java
  • HTML5 Web存储(Web Storage)技术及用法

    Web存储(Web Storage)基本要领

    存储的数据可以是任何类JSON的结构化数据。
    存储的数据不会随着用户浏览时会话过期而过期,但会应用户的请求而删除。浏览器也因为存储空间的限制或安全原因删除它们。
    存储的信息在整个域名下都可以使用。

    Web存储(Web Storage)里的方法
    
    setItem(key,value): 往sessionStorage对象里增加一个key/value数据。
    getItem(key): 根据key获取值。
    clear(): 清空sessionStorage对象。
    removeItem(key): 从sessionStorage对象里删除一个数据。
    key(n): 获取key[n]的值。
    设置Key/Value值
    

    有两种方法都能将信息放入sessionStorage中:

    sessionStorage.setItem('someKey','someValue');
    

    …你也可以用更简洁的方法:

    sessionStorage.someKey = 'someValue';
    

    获取一个值:

    也有两种方法可以获取一个值:

    sessionStorage.getItem('someKey'); //returns 'someValue'
    
    …或者简单的引用sessionStorage:
    
    sessionStorage.someKey; //returns 'someValue'
    

    删除一个Key/Value

    sessionStorage.removeItem('someKey'); //returns 'undefined' for someKey
    

    所有你需要做的是将key值提供给removeItem方法。

    清空数据

    sessionStorage.clear(); //什么都没了
    

    只需要简单的调用clear()方法,什么都没了。

    Web存储(Web Storage)使用的一个简单例子

    <a href="javascript:;" onClick="if(sessionStorage && sessionStorage.getItem('name')) { alert('赶快回来哦, ' + sessionStorage.getItem('name')); }">注销</a>
    

    当用户点击注销链接,页面会谈到对话框说“赶快回来哦,xxx”!

    HTML5 Web存储(Web Storage)的浏览器支持情况

    所有很酷的功能特征的出现最关键的就是浏览器的支持情况,幸运的是,所有的现代浏览器都支持HTML5 Web存储(Web Storage),从IE8开始也支持它。如果你要支持IE6、IE7,那就自己想办法吧。

    HTML5 Web存储(Web Storage)非常简单但也非常有用。因为HTML5 Web存储(Web Storage)需要使用JavaScript进行操作,所以,在使用它执行一些关键功能时要确保浏览器支持这个特征并开启了JavaScrpt脚本功能。

    原文连接:http://www.html5tricks.com/html5-web-storage.html

  • 相关阅读:
    二分法模板
    二分答案模板
    51nod 1010 只包含因子2 3 5的数
    三次握手和四次挥手(面试必问)
    TCP协议和UDP协议
    纯CSS3画出小黄人并实现动画效果
    正则表达式里字符串”不包含”匹配技巧
    12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!
    使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
    程序猿们,快用Emoji表情写代码吧
  • 原文地址:https://www.cnblogs.com/sakura-sakura/p/6857735.html
Copyright © 2011-2022 走看看