JavaScript HTML DOM sessionStorage 属性

• 

  Window sessionStorage 属性

  localStorage和sessionStorage属性允许在Web浏览器中保存键/值对。sessionStorage对象仅存储一个会话的数据（关闭浏览器选项卡时将删除数据）。

  提示：另请查看localStorage属性，该属性存储没有过期日期的数据。当浏览器关闭时，数据不会被删除，并且将在第二天，一周或一年中可用。

  使用name=“lastname”和value=“Smith”创建一个sessionStorage名称/值对，然后检索“lastname”的值并将其插入到id=“result”的元素中：

  // Store
  sessionStorage.setItem("lastname", "Smith");
  // Retrieve
  document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  screenLeft and screenTop	8.0+	4.0+	3.5+	4.0+	11.5+

• 

  语法

  返回sessionStorage属性：

  window.sessionStorage

  保存数据到sessionStorage的语法：

  sessionStorage.setItem("key", "value");

  从sessionStorage读取数据的语法：

  var lastname = sessionStorage.getItem("key");

  从sessionStorage中删除已保存数据的语法：

  sessionStorage.removeItem("key");

  从sessionStorage中删除所有已保存数据的语法：

  sessionStorage.clear();
• 

  技术细节

  项目	描述
  返回值：	Storage对象

• 

  更多例子

  以下示例计算用户在当前会话中单击按钮的次数：

  if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
  } else {
    sessionStorage.clickcount = 1;
  }
  document.getElementById("result").innerHTML = "You have clicked the button " +
  sessionStorage.clickcount + " time(s) in this session.";
  

  尝试一下