一、sessionstorage.clear会清除什么

当我们使用sessionstorage.clear方法时，会将该sessionStorage中存储的所有键值对都清空，包括我们自己设置和浏览器自动创建的键值对。 sessionStorage是一种在客户端存储数据的方法，旨在允许脚本访问和修改存储在特定于某个页面会话的数据。这意味着，sessionStorage中存储的数据仅在浏览器窗口或选项卡关闭之前保留。关闭窗口或选项卡后，存储的数据将会被删除。

二、sessionstorage.clear无效

我们可以使用sessionstorage.clear方法将整个sessionStorage清空，但是有时候清空的操作可能会出现无效的情况，下面介绍几种情况：

1、sessionStorage被禁用

在某些情况下，浏览器可能因为某些原因禁用了sessionStorage，这时候使用sessionstorage.clear就会无效。

if (!sessionStorage) {
  console.log("sessionStorage is not available");
} else {
  sessionStorage.clear();
}

2、被跨域iframe影响

如果页面中存在一个来自不同域的iframe，访问该iframe时，sessionStorage会被重置。这是由于与iframe加载相同的域的页面共享同一份数据存储。

//在iFrame中使用sessionStorage
var iframe = document.getElementById("my-iframe"); 
var win = iframe.contentWindow;  
win.sessionStorage.clear();

3、被同源策略限制

Web浏览器遵循同源策略，防止在一个网站上的脚本访问另一个网站上的内容。如果在同一浏览器窗口或选项卡中打开两个不同的窗口或页面，sessionStorage是不会共享的。

//清除其他同源页面中的sessionStorage
if (window.localStorage) {
  for (var name in window.localStorage) {
    if (/^http.*/.test(name)) {
      window.localStorage.removeItem(name);
    }
  }
}

三、使用sessionstorage.clear的注意事项

在使用sessionstorage.clear时，需要注意以下几个问题：

1、clear方法是同步执行的

sessionStorage的clear方法是同步执行的，如果sessionStorage里存储了大量数据的话，可能会导致浏览器出现卡顿的情况。

2、不要使用sessionStorage来存储敏感信息

虽然sessionStorage中的数据仅在打开浏览器窗口或选项卡时保留，但如果用户在使用公共或共享计算机时忘记关闭窗口或选项卡，那么其他人可能会看到sessionStorage中的敏感信息。

3、避免使用sessionStorage存储大量数据

由于sessionStorage存储在浏览器中，所以使用sessionStorage存储大量数据会影响到页面的性能和加载速度。因此，最好将大量数据存储在数据库或服务器上。

4、多个页面同时打开时，sessionStorage不能共享

如果用户同时打开多个相同的页面，它们将各自创建自己的sessionStorage，并且在这些页面之间不能共享数据。

总结

在我们日常的开发工作中，sessionStorage是一个非常实用的工具，可以帮助我们在本地存储少量的数据。但是，在使用sessionStorage时，我们需要注意它的一些限制以及使用方法，避免出现不必要的问题。在清空sessionStorage时，我们应该注意在不同的情况下sessionstorage.clear会出现无效的情况，需要特别注意。

详解sessionstorage.clear