如何在HTML5中使用会话Web存储-之路教程

会话存储的属性

设置一个值

datastore.setItem('键'，'值');

获得一个值

datastore.getItem('键');

删除一个值

datastore.removeItem('键');

清除整个对象

datastore.clear();

获得长度

datastore.length;

如何在HTML5中使用会话Web存储

在HTML5中使用会话Web存储示例

<!DOCTYPE HTML>

<html>

<body>

   <script type="text/javascript">

      if (sessionStorage.hits)

      {

          sessionStorage.hits = Number(sessionStorage.hits) + 1;

      }

      else

      {

          sessionStorage.hits = 1;

      }

      document.write("Total Number of Hits :" + sessionStorage.hits);

  </script>

  <p>刷新页面并计算总点击数</p>
<p>关闭窗口并再次打开，然后检查结果</p>

 </body>

</html>

HTML5中的会话Web存储

会话存储在HTML5中定义的DOM属性。
会话存储是每个页面的每个窗口，仅限于窗口的生命周期。
会话存储对象不持久cookie。
会话存储是一个用键值对构造的简单映射
会话存储是JavaScript中的全局对象，更具体地是窗口的子对象
会话存储类型存储的对象，其表示存储空间定义为每个窗口的属性。
会话存储是为用户执行单个事务的方案设计的，但可以同时在不同窗口中执行多个事务。
会话存储将允许从该窗口中打开的同一站点中的任何页面访问数据，并且在关闭窗口时，会话将丢失。
会话存储可以存储兆字节的值，精确大小取决于浏览器实现。对于IE8，它是10 MB。
HTML5介绍了SessionStorage属性，这些属性将由站点使用以将数据添加到会话存储

日期：2020-04-11 23:04:11 来源：oir作者：oir

←HTML Microdata属性

HTML5 spellcheck属性→

会话存储的属性

在HTML5中使用会话Web存储示例

HTML5中的会话Web存储

目录